Vue、HTML の文字列リテラルを含むクラス

Question

間違ったパスワードでログインするためにボタンを押したときに、ユーザーはまだ間違ったパスワードを入力したかどうかわからないため、UI に 1 つではなく複数の警告ポップアップが表示されるようにしたいと考えています。

したがって、次のようにカウンターと文字列リテラルを使用します

リーリー

これは機能しません。他に何かアイデアはありますか？

Answer 1

クラスをバインドできます -> :class="'mt-${i}'" ティルダ ` は ${i} の周囲と名前全体 'mt-yourcode' の周囲にのみ配置してください アポストロフィを使用してください

Answer 2

これはうまくいくはずです:

リーリー

この例を見る