プログラムによる要素への Vue ディレクティブの追加: v-if のステップバイステップ ガイド

Question

element.attr('data-attr', someValue) のように、純粋な JS を使用してプログラムで要素にカスタム属性を追加できますが、v-if のように、Vue はどうなるでしょうか。指令＃＃＃

次の要素があるとします

リーリー

v-if をプログラムで追加するにはどうすればよいですか?存在するかどうかわからない数百の動的変数があるため、自動化の目的でこれを尋ねています。

期待される結果は

です リーリー

私が知っている唯一の手順は、

ref を使用して created() の要素を取得することです。

Answer 1

宣言によると - 存在するかもしれないし、存在しないかもしれない動的変数が何百も存在することになります。 しかし、あなたのコメントを見ると、あなたは >ループなし と言っています。では、動的要素をどのようにレンダリングするのでしょうか?

私の理解では、データ属性を HTML テンプレートに動的にバインドしたいと考えています。このソリューションを試して、要件を満たしているかどうかを確認してください。

リーリー リーリー

上記のコード スニペットは、常に既存の動的プロパティで機能します。