Verwenden Sie Vue.set, um Objekteigenschaften in Vue dynamisch hinzuzufügen

Im Folgenden werde ich einen Artikel über die Vue.set-Methode von Vue zum dynamischen Hinzufügen von Objektattributen veröffentlichen. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

Wenn wir einem Objekt, das in Requisiten oder Daten beobachtet wird, ein neues Attribut hinzufügen, können wir es nicht direkt hinzufügen. Wir müssen die Vue.set-Methode verwenden.

Die Vue.set-Methode wird verwendet um neue Objektattribute hinzuzufügen. Wenn das Objekt, zu dem das Attribut hinzugefügt werden soll, reagiert, kann diese Methode sicherstellen, dass das Attribut auch nach der Erstellung reagiert und gleichzeitig eine Ansichtsaktualisierung auslöst

Hier gibt es kein Lebensmittelobjekt-Count-Attribut. Wenn wir das Count-Attribut hinzufügen möchten, müssen wir die Vue.set-Methode verwenden, anstatt „this.food.count = 1“ zu schreiben Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Vuex unter vue-cli verwenden (ausführliche Anleitung)

Wie man mit vue-cli ein Vue schreibt Plug-in

So verwenden Sie ngrok+express, um das Debugging-Problem der WeChat-Schnittstelle zu lösen

Das obige ist der detaillierte Inhalt vonVerwenden Sie Vue.set, um Objekteigenschaften in Vue dynamisch hinzuzufügen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!