您好,登錄后才能下訂單哦!
需要注意的是,Vue之所以能夠監聽Model狀態的變化,是因為JavaScript語言本身提供了Proxy或者Object.observe()機制來監聽對象狀態的變化。但是,對于數組元素的賦值,卻沒有辦法直接監聽,因此,如果我們直接對數組元素賦值:
vm.todos[0] = { name: 'New name', description: 'New description' };
會導致Vue無法更新View。
正確的方法是不要對數組元素賦值,而是更新:
vm.todos[0].name = 'New name'; vm.todos[0].description = 'New description';
或者,通過splice()方法,刪除某個元素后,再添加一個元素,達到“賦值”的效果:
var index = 0; var newElement = {...}; vm.todos.splice(index, 1, newElement);
Vue可以監聽數組的splice、push、unshift等方法調用,所以,上述代碼可以正確更新View。
以上這篇解決Vue 通過下表修改數組,頁面不渲染的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。