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

查看此範例

#