Heim > Web-Frontend > js-Tutorial > So gehen Sie vor, wenn die Seite nicht gerendert wird, wenn Vue die folgende Tabelle zum Ändern des Arrays verwendet

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

php中世界最好的语言
Freigeben: 2018-03-28 17:30:43
Original
1922 Leute haben es durchsucht

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'
};
Nach dem Login kopieren

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 Login kopieren
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);
Nach dem Login kopieren

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!

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