Често срещаме промени в данните във Vue, но изгледът не може да бъде актуализиран, затова обобщих няколко такива ситуации:
1. За масива, през който преминава v-for, когато съдържанието на масива използва arr[0].xx =xx за промяна на данните, vue не може да го откриеПромени в масивите: Използваме някои методи за манипулиране на масиви, а при промяна на данни някои методи не могат да бъдат наблюдавани от Vue, докато други могат
Vue обвива няколко функции за работа на масива, а масивите, които се манипулират с тези методи, ще бъдат наблюдавани от Vue, когато техните данни се променят:
Push()
pop()
shift()
unshift()
сплайс()
sort()
обратна ()
vue2.0 също добавя метод за наблюдение на Vue.set(items, indexOfItem, newValue)
filter(), concat(), slice() 。 Те не променят оригиналния масив, а винаги връщат нов масив. Когато използвате метод без мутация, можете да замените стария масив с нов
Vue не може да открива масиви, които променят следното:
(1) Когато зададете елемент директно с индекс, vm.items[indexOfItem] = newValue
(2) Когато променяте дължината на масива, например: vm.items.length = newLength
Без повече забавяне, качете кода и прикачете рендерите:
Горните са две решения за масиви, при които Vue не може да засече промени в данните
Промени метода add() в кода си на
Бележки за актуализацията на списъка:Входът към хиперлинк е видим.Откриване на обновяване на масива
Задълбочено разглеждане на принципите на отзивчива:Входът към хиперлинк е видим.
|
Публикувано в 20.08.2018 г. 13:05:58 ч.
|
|
|
|
