vue數據更新UI不刷新顯示解決方案


vue比較常見的坑就是數據(后台返回)更新了,但是UI界面並沒有更新,常見於以下情況:

一.數據為數組時
1.通過數組索引修改數組元素例如:

此時UI數據並不會刷新

2.修改數組長度時:

 

解決方案:

如果data為JSON數組則如下:

 

第一個參數為要更新數據的數組,第二個參數為要更新的數組中具體的元素下標,第三個參數為新數據
備注:

數組原型上的方法vue可直接檢測到變化:push(),pop(),shift(),unshift(),splice(),sort()

 二.數據為對象時:

 Vue 不能檢測對象屬性的添加或刪除:你可以這樣添加一個屬性

 

如果要添加多個屬性可以

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM