ホームページ  >  記事  >  ウェブフロントエンド  >  Vue.set を使用して Vue にオブジェクト プロパティを動的に追加する

Vue.set を使用して Vue にオブジェクト プロパティを動的に追加する

亚连
亚连オリジナル
2018-06-05 11:44:022919ブラウズ

ここで、オブジェクト属性を動的に追加する Vue.set に関する記事を共有します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。

プロパティやデータで観察されるオブジェクトに新しい属性を追加する場合、それを直接追加することはできません。Vue.set メソッドを使用する必要があります。

Vue.set メソッドは、オブジェクトの属性を追加するために使用されます。属性を追加するオブジェクトが応答性がある場合、このメソッドは作成後に属性も応答性であることを確認し、同時にビューの更新をトリガーします

ここでは、食品オブジェクトは応答しませんcount 属性があるので、それに count を追加する必要があります。属性は、'this.food.count = 1' と記述する代わりに、Vue.set メソッドを使用する必要があります

上記は、私が皆さんのためにコンパイルしたものです。将来すべての人に役立ちます。

関連記事:

vue-cli での vuex の使用 (詳細なチュートリアル)

vue-cli を使用して vue プラグインを作成する方法

WeChat インターフェースのデバッグ問題を解決するために ngrok+express を使用する方法

以上がVue.set を使用して Vue にオブジェクト プロパティを動的に追加するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。