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.
|