vue中修改对象数组的属性值不会渲染到页面上


tableData是一个对象数组
逻辑:点击修改按钮 触发modifyStrategy方法 修改tableData数组对应下标的对象的属性值

console.log属性值确实修改了,但是没有更新视图

原因:

查到是因为vue实现双向数据绑定的机制是数据劫持,也就是在所有对象上有个Object.defineProperty()方法,通过监听set,get方法去实现,而数组没有这两个方法,所以就不会更新view;解决方案就是,需要我们主动通知vue

解决:


增加this.$set()

你可能感兴趣的:(vue中修改对象数组的属性值不会渲染到页面上)