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

Question

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

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

Answer 1

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

Answer 2

这应该有效：

  Wrong Password

查看此示例