Vue、HTML 中带有字符串文字的类-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

Vue、HTML 中带有字符串文字的类

P粉938936304 2024-02-21 11:11:07

[Vue.js讨论组]

615

我希望当我按下按钮使用错误的密码登录时，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

全部回复(2)

P粉5069638422024-02-22 10:10:13 2楼

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

赞 +0

添加回复

P粉5761849332024-02-22 09:58:32 1楼

这应该有效：


  Wrong Password

查看此示例

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部