Frequentemente encontramos mudanças nos dados no Vue, mas a visualização não pode ser atualizada, então resumi algumas dessas situações:
1. Para o array percorrido por v-for, quando o conteúdo do array usa arr[0].xx =xx para alterar os dados, o vue não consegue detectá-loMudanças nos dados do array: Usamos alguns métodos para manipular arrays e, ao alterar dados, alguns métodos não podem ser monitorados pelo Vue, enquanto outros podem
O Vue envolve várias funções de operação de array, e os arrays manipulados usando esses métodos serão monitorados pelo Vue quando seus dados mudarem:
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
vue2.0 também adiciona um método para observar Vue.set (items, indexOfItem, newValue)
filter(), concat(), slice() 。 Esses não alteram o array original, mas sempre retornam um novo array. Ao usar um método que não seja mutação, você pode substituir o array antigo por um novo
O Vue não consegue detectar arrays que alteram o seguinte:
(1) Quando você define um item diretamente com um índice, vm.items[indexOfItem] = newValue
(2) Quando você modifica o comprimento do array, por exemplo: vm.items.length = newLength
Sem mais delongas, envie o código e anexe as renderizações:
As soluções acima são duas para arrays que o Vue não consegue detectar mudanças de dados
Mude o método add() no seu código para
Notas de atualização da lista:O login do hiperlink está visível.Detecção de atualizações de array
Mergulho Profundo nos Princípios Responsivos:O login do hiperlink está visível.
|
Publicado em 20/08/2018 13:05:58
|
|
|
|
