Spesso incontriamo cambiamenti nei dati in Vue, ma la visuale non può essere aggiornata, quindi ho riassunto alcune situazioni simili:
1. Per l'array attraversato da v-for, quando il contenuto dell'array usa arr[0].xx =xx per modificare i dati, vue non può rilevarloCambiamenti nei dati degli array: Utilizziamo alcuni metodi per manipolare gli array e, quando si modificano dati, alcuni metodi non possono essere monitorati da Vue, mentre altri
Vue avvolge diverse funzioni operative degli array, e gli array manipolati con questi metodi saranno monitorati da Vue quando i loro dati cambiano:
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
vue2.0 aggiunge anche un metodo per osservare Vue.set (items, indexOfItem, newValue)
filter(), concat(), slice() 。 Questi non modificano l'array originale, ma restituiscono sempre un nuovo array. Quando si utilizza un metodo non mutazionale, si può sostituire il vecchio array con uno nuovo
Vue non può rilevare array che modificano quanto segue:
(1) Quando imposti un elemento direttamente con un indice, vm.items[indexOfItem] = newValue
(2) Quando modifichi la lunghezza dell'array, ad esempio: vm.items.length = newLength
Senza ulteriori indugi, carica il codice e allega i rendering:
Le precedenti sono due soluzioni per array che Vue non può rilevare i cambiamenti nei dati
Cambia il metodo add() nel tuo codice in
Note di aggiornamento della lista:Il login del link ipertestuale è visibile.Rilevamento degli aggiornamenti dell'array
Approfondimento nei principi reattivi:Il login del link ipertestuale è visibile.
|
Pubblicato su 20/08/2018 13:05:58
|
|
|
|
