Heim > Web-Frontend > js-Tutorial > Hauptteil

So gehen Sie damit um, dass die Seite nicht gerendert wird, wenn Vue das Array ändert

php中世界最好的语言
Freigeben: 2018-03-29 09:29:54
Original
3482 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie damit umgehen, dass die Seite nicht gerendert wird, wenn Vue das Array ändert. Welche Vorsichtsmaßnahmen zu beachten sind, wenn Vue das Array ändert Schauen Sie mal rein.

Es ist zu beachten, dass der Grund, warum Vue Änderungen im ModellZustand überwachen kann, darin liegt, dass die JavaScript-Sprache selbst Proxy oder Objekt. Der Observ()-Mechanismus wird verwendet, um Änderungen im Status des -Objekts zu überwachen. Es gibt jedoch keine Möglichkeit, die Zuweisung von Array-Elementen direkt zu überwachen: Wenn wir Array-Elementen Werte direkt zuweisen:

vm.todos[0] = {
  name: 'New name',
  description: 'New description'
};
Nach dem Login kopieren
führt dazu, dass Vue die Ansicht nicht aktualisieren kann.

Der richtige Weg besteht nicht darin, dem Array-Element einen Wert zuzuweisen, sondern zu aktualisieren:

vm.todos[0].name = 'New name';
vm.todos[0].description = 'New description';
Nach dem Login kopieren
Oder durch den Splice ()-Methode,

Nach dem Löschen eines Elements fügen Sie ein weiteres Element hinzu, um den Effekt der „Zuweisung“ zu erzielen:

var index = 0;
var newElement = {...};
vm.todos.splice(index, 1, newElement);
Nach dem Login kopieren
Vue kann Splice-, Push-, Unshift- und andere Methodenaufrufe überwachen Array, damit die obige Codeansicht korrekt aktualisiert werden kann.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Wie gehe ich damit um, dass die Seite nicht gerendert wird, wenn Vue die folgende Tabelle verwendet, um das Array zu ändern?

So entfernen Sie alle sich wiederholenden Zeichen in JS

Das obige ist der detaillierte Inhalt vonSo gehen Sie damit um, dass die Seite nicht gerendert wird, wenn Vue das Array ändert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage