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

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'
};

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';

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);

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!