Vi oplever ofte ændringer i data i Vue, men visningen kan ikke opdateres, så jeg har opsummeret nogle sådanne situationer:
1. For arrayet, der gennemsøges af v-for, kan vue ikke opdage det, når array-indholdet bruger arr[0].xx =xx til at ændre dataene.Ændringer i arraydata: Vi bruger nogle metoder til at manipulere arrays, og når vi ændrer data, kan nogle metoder ikke overvåges af Vue, mens andre kan
Vue omslutter flere array-operationer, og de arrays, der manipuleres med disse metoder, vil blive overvåget af Vue, når deres data ændres:
Skub()
pop()
shift()
unshift()
splice()
sort()
reverse()
vue2.0 tilføjer også en metode til at observere Vue.set(items, indexOfItem, newValue)
filter(), concat(), slice() 。 Disse ændrer ikke det oprindelige array, men returnerer altid et nyt array. Når man bruger en ikke-mutationsmetode, kan man erstatte det gamle array med et nyt
Vue kan ikke opdage arrays, der ændrer følgende:
(1) Når du sætter et element direkte med et indeks, er vm.items[indexOfItem] = newValue
(2) Når du ændrer længden af arrayet, for eksempel: vm.items.length = newLength
Uden yderligere omsvøb, upload koden og vedhæft renderingene:
Ovenstående er to løsninger for arrays, som Vue ikke kan opdage dataændringer
Ændr add()-metoden i din kode til
Listeopdateringsnoter:Hyperlink-login er synlig.Detektion af array-opdateringer
Dybdegående indblik i responsive principper:Hyperlink-login er synlig.
|
Opslået på 20/08/2018 13.05.58
|
|
|
|
