在JS中數組內部值的變化不觸發視圖更新的淺談

問題:

由於Vue的中使用的getter和setter並不會在深層的值上設置,也就是數組的具體每一個數值並無綁定getter和setter,因此在數組內部值改變的時候沒有觸發視圖的更新。vue

解決方案:

在vue文件中可使用$set設置數組的值,來綁定setter,就會觸發視圖的更新了。數組

#代碼以下:

this.$set(list, index, listValue)this

參數說明:

list: 須要更新的數組 index: 須要更新的數組內部值的索引 listValue: 更新後的值code

相關文章
相關標籤/搜索