Întâlnim adesea modificări de date în Vue, dar vizualizarea nu poate fi actualizată, așa că am rezumat câteva astfel de situații:
1. Pentru array-ul parcurs de v-for, când conținutul array-ului folosește arr[0].xx =xx pentru a modifica datele, vue nu poate detectaModificări ale datelor array-urilor: Folosim unele metode pentru a manipula tablou-urile, iar când schimbăm date, unele metode nu pot fi monitorizate de Vue, în timp ce altele pot
Vue înfășoară mai multe funcții de operare a tabloului, iar tablourile care sunt manipulate folosind aceste metode vor fi monitorizate de Vue atunci când datele lor se schimbă:
push()
pop()
shift()
unshift()
splice()
sort()
invers()
vue2.0 adaugă, de asemenea, o metodă pentru a observa Vue.set (items, indexOfItem, newValue)
filter(), concat(), slice() 。 Acestea nu schimbă matricea originală, ci returnează întotdeauna o nouă matrice. Când folosești o metodă non-mutațională, poți înlocui vechiul tablou cu unul nou
Vue nu poate detecta matricele care schimbă următoarele:
(1) Când setezi un element direct cu un index, vm.items[indexOfItem] = nouValoare
(2) Când modifici lungimea tabloului, de exemplu: vm.items.length = newLength
Fără alte introduceri, încărcați codul și atașați randările:
Cele de mai sus sunt două soluții pentru tablouri pe care Vue nu le poate detecta schimbările de date
Schimbă metoda add() din codul tău
Note de actualizare a listei:Autentificarea cu hyperlink este vizibilă.Detectarea actualizărilor matricei
Analiză aprofundată a principiilor de răspuns:Autentificarea cu hyperlink este vizibilă.
|
Postat pe 20.08.2018 13:05:58
|
|
|
|
