vue比較常見的坑就是數(shù)據(jù)(后臺返回)更新了,但是UI界面并沒有更新,常見于以下情況:
一.數(shù)據(jù)為數(shù)組時
1.通過數(shù)組索引修改數(shù)組元素例如:

此時UI數(shù)據(jù)并不會刷新
2.修改數(shù)組長度時:

解決方案:

如果data為JSON數(shù)組則如下:

第一個參數(shù)為要更新數(shù)據(jù)的數(shù)組,第二個參數(shù)為要更新的數(shù)組中具體的元素下標,第三個參數(shù)為新數(shù)據(jù)
備注:
數(shù)組原型上的方法vue可直接檢測到變化:push(),pop(),shift(),unshift(),splice(),sort()
二.數(shù)據(jù)為對象時:
Vue 不能檢測對象屬性的添加或刪除:你可以這樣添加一個屬性

如果要添加多個屬性可以

浙公網(wǎng)安備 33010602011771號