Vue、HTML 中带有字符串文字的类
P粉938936304
P粉938936304 2024-02-21 11:11:07
[Vue.js讨论组]

我希望当我按下按钮使用错误的密码登录时,UI 会显示多个警报弹出窗口而不是一个,因为用户不知道他们是否仍然输入了错误的密码。

所以我像这样使用计数器和字符串文字

<!-- mt = margin-top, so each alert won't lie on each other -->
<v-alert
  v-for="i in counter"
  :key="i"
  class=`mt-${i}` 
>
  Wrong Password
</v-alert>

这不起作用。还有其他想法吗?

P粉938936304
P粉938936304

全部回复(2)
P粉506963842

您可以绑定类 -> :class="'mt-${i}'" tildas ` 应该仅位于 ${i} 周围,并在整个名称 'mt-yourcode' 周围使用撇号

P粉576184933

这应该有效:


  Wrong Password

查看此示例

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号