Pogosto se srečujemo s spremembami podatkov v Vue, vendar pogleda ni mogoče posodobiti, zato sem povzel nekaj takšnih situacij:
1. Za polje, ki ga prečka v-for, ko vsebina polja uporabi arr[0].xx =xx za spremembo podatkov, Vue tega ne zaznaSpremembe podatkov v poljih: Uporabljamo nekatere metode za manipulacijo polj, pri spreminjanju podatkov pa Vue nekaterih metod ne more nadzorovati, drugih pa lahko
Vue ovije več funkcij za upravljanje polj, polja, ki jih upravljamo s temi metodami, pa bo Vue spremljal, ko se njihovi podatki spremenijo:
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
vue2.0 doda tudi metodo za opazovanje Vue.set(items, indexOfItem, newValue)
filter(), concat(), slice() 。 Ti ne spremenijo izvirnega polja, ampak vedno vrnejo novo polje. Pri uporabi metode brez mutacij lahko staro polje zamenjate z novo
Vue ne zazna polj, ki spreminjajo naslednje:
(1) Ko nastaviš element neposredno z indeksom, je vm.items[indexOfItem] = newValue
(2) Ko spremenite dolžino polja, na primer: vm.items.length = newLength
Brez nadaljnjega odlašanja naložite kodo in priložite upodobitve:
Zgoraj sta dve rešitvi za polja, pri katerih Vue ne more zaznati sprememb podatkov
Spremeni metodo add() v svoji kodi v
Opombe o posodobitvi seznama:Prijava do hiperpovezave je vidna.Zaznavanje posodobitve polja
Poglobljen poglobljeni poglobljeni principi odzivnosti:Prijava do hiperpovezave je vidna.
|
Objavljeno na 20. 08. 2018 13:05:58
|
|
|
|
