Vue this.$set fügt einem Objekt in Daten eine Eigenschaft hinzu

Im Prozess der Projektentwicklung stoßen wir häufig auf diese Situation: Nach dem Hinzufügen eines Attributs zu einem Objekt in den Daten aktualisiert die Ansichtsebene die Daten nicht. Beispiel:

    <template>
	<swiper class="home-swiper" :current="activeIndex" @change="change">
		<swiper-item v-for="(item,index) in tab" :key="index">
			<view class="swiper-item">
				<listItem :list="listCatchData[index]"></listItem>
			</view>
		</swiper-item>

	</swiper></template>

    data() {			
        return {	
          list: [],				    
		    listCatchData:{}
	        }
	}

Wie oben gezeigt, wurde beim Wechseln des Swipers festgestellt, dass das Objekt listCatchData[index] zwar verschiedenen Datengruppen entsprach, die Ansichtsebene die Daten jedoch nicht aktualisiert hat. Was ist der Grund? Dies ist auf Einschränkungen von JavaScript zurückzuführen. Da während des Initialisierungsprozesses der Vue-Komponente die Getter- und Setter-Methoden aufgerufen werden müssen, müssen die von Ihnen hinzugefügten Eigenschaften bereits vorhanden sein Die Daten- und Ansichtsebene reagiert auf Änderungen in den Daten. [Verwandte Empfehlung: „vue.js Tutorial“]

Wie sorgen wir also dafür, dass die Ansichtsebene die Daten aktualisiert, nachdem dem Objekt in den Vue-Instanzdaten ein bestimmtes Attribut hinzugefügt wurde?

                                                                                                                           Nachdem dem Objekt auf diese beiden Arten Attribute hinzugefügt wurden, verfügt sein Objekt über Get- und Set-Methoden. Wenn wir die Eigenschaft also zu diesem Zeitpunkt erneut bedienen, wird die Ansicht aktualisiert.

Verwandte Empfehlungen:

Die neuesten 5 vue.js-Video-Tutorial-Auswahlen

Die neuesten Uni-App-Video-Tutorial-Empfehlungen im Jahr 2021 (vom Einstieg bis zum Master)

Das obige ist der detaillierte Inhalt vonVue this.$set fügt einem Objekt in Daten eine Eigenschaft hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!