So gehen Sie vor, wenn die Seite nicht gerendert wird, wenn Vue die folgende Tabelle zum Ändern des Arrays verwendet

Dieses Mal zeige ich Ihnen, wie Sie damit umgehen, dass die Seite nicht gerendert wird, wenn Vue die folgende Tabelle zum Ändern des Arrays verwendet. Welche Vorsichtsmaßnahmen gibt es, um das Problem zu lösen, dass die Seite nicht gerendert wird, wenn Vue es verwendet? Die folgende Tabelle zum Ändern des Arrays ist ein praktischer Fall.

Es ist zu beachten, dass Vue Änderungen im Modellstatus überwachen kann, weil 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:

führt dazu, dass Vue die Ansicht nicht aktualisieren kann.

vm.todos[0] = {
  name: 'New name',
  description: 'New description'
};

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

Oder durch den Splice ()-Methode,

vm.todos[0].name = 'New name';
vm.todos[0].description = 'New description';

Nach dem Löschen

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

Vue kann Splice-, Push-, Unshift- und andere Methodenaufrufe überwachen Array, damit die obige Codeansicht korrekt aktualisiert werden kann.

var index = 0;
var newElement = {...};
vm.todos.splice(index, 1, newElement);

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:

So verwenden Sie xe-utils in vue

vue-router zeigt beim Erstellen keine Routen an So gehen Sie mit der Seite um

Das obige ist der detaillierte Inhalt vonSo gehen Sie vor, wenn die Seite nicht gerendert wird, wenn Vue die folgende Tabelle zum Ändern des Arrays verwendet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!