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

Question

如题所述

Answer 1

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

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

原因：

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

解决：

增加this.$set()