Gyakran találkozunk adatváltozásokkal a Vue-ban, de a nézetet nem lehet frissíteni, ezért összefoglaltam néhány ilyen helyzetet:
1. A v-for által áthaladt tömb esetén, amikor a tömbtartalom arr[0].xx =xx segítségével változtatja meg az adatokat, a vue nem tudja érzékelni aztTömbadatok változásai: Néhány módszert használunk a tömbök kezelésére, és adatmódosításkor egyes módszereket nem lehet a Vue felügyelni, míg másokat nem lehet felügyelni
A Vue több tömbműveleti függvényt csomagol, és az ezekkel a módszerekkel manipulált tömböket a Vue figyeli, amikor adataik változnak:
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
A vue2.0 hozzáad egy metódust is a Vue.set(items, indexOfItem, newValue) megfigyeléséhez
filter(), concat(), slice() 。 Ezek nem változtatják meg az eredeti tömböket, hanem mindig új tömböt adnak vissza. Ha nem mutációs módszert használsz, a régi tömböt egy újra cserélheted
A Vue nem képes felismerni olyan tömböket, amelyek az alábbiakat változtatják:
(1) Amikor közvetlenül indexhez állítasz egy elemet, vm.items[indexOfItem] = newValue
(2) Amikor módosítod a tömb hosszát, például: vm.items.length = newLength
Hosszabb idő nélkül töltsd fel a kódot és csatold a rendereléseket:
A fentiek két olyan megoldást tartalmaznak olyan tömbökre, amelyeket a Vue nem tud érzékelni adatváltozásokat
Változtasd meg az add() metódust a kódodban
Lista frissítési megjegyzések:A hiperlink bejelentkezés látható.Tömbfrissítés észlelése
Mélyrehatóan merülj el a reagáló elvekben:A hiperlink bejelentkezés látható.
|
Közzétéve 2018. 08. 20. 13:05:58
|
|
|
|
