解决Vue 通过下表修改数组,页面不渲染的问题

解决Vue 通过下表修改数组,页面不渲染的问题

需要注意的是，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 inKWoqvdex = 0;

varhttp:// newElement = {...};

vm.todos.splice(index, 1, newElement);

Vue可以监听数组的splic

KWoqv

e、push、unshift等方法调用，所以，上述代码可以正确更新View。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。