|
|
Veröffentlicht am 20.08.2018 13:05:58
|
|
|
|
Wir stoßen in Vue oft auf Datenänderungen, aber die Ansicht kann nicht aktualisiert werden, daher habe ich einige solcher Situationen zusammengefasst:
1. Für das von v-for durchlaufene Array kann vue die Daten nicht erkennen, wenn der Array-Inhalt arr[0].xx =xx zur Änderung der Daten verwendetArray-Datenänderungen: Wir verwenden einige Methoden, um Arrays zu manipulieren, und bei Datenänderungen können manche Methoden von Vue nicht überwacht werden, während andere
Vue umhüllt mehrere Array-Operationsfunktionen, und die mit diesen Methoden manipulierten Arrays werden von Vue überwacht, wenn sich ihre Daten ändern:
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
vue2.0 fügt außerdem eine Methode hinzu, um Vue.set(items, indexOfItem, newValue) zu beobachten.
filter(), concat(), slice() 。 Diese verändern das ursprüngliche Array nicht, sondern geben immer ein neues Array zurück. Bei einer Nicht-Mutationsmethode kann man das alte Array durch ein neues ersetzen
Vue kann keine Arrays erkennen, die Folgendes ändern:
(1) Wenn Sie ein Element direkt mit einem Index setzen, gilt vm.items[indexOfItem] = newValue
(2) Wenn Sie die Länge des Arrays ändern, zum Beispiel: vm.items.length = newLength
Ohne weitere Verzögerung laden Sie den Code hoch und fügen Sie die Renderings an:
Oben sind zwei Lösungen für Arrays, bei denen Vue keine Datenänderungen erkennen kann
Ändere die Add()-Methode in deinem Code zu
Listenaktualisierungsanmerkungen:Der Hyperlink-Login ist sichtbar.Erkennung von Array-Aktualisierungen
Tiefgehender Einblick in Responsive-Prinzipien:Der Hyperlink-Login ist sichtbar.
|
Vorhergehend:Die Vue-Implementierung wird angeklickt, um zu prüfen, und die anderen sind nicht ausgewähltNächster:KonfigurationAbschnitt
|
