vue框架目前在前端开发使用比较广了，但是有很多同学发现vue创建对象之后添加新的属性实现不了双向绑定，下面就简单介绍如何解决vue双向绑定出现失效的问题。

例如目前对象如下：

let list = [
  {name: 'tony', sex: 0},
  {name: 'hah', sex: 1}
];

现在需要在数据中新增自定义的属性，如下：

list.forEach(item => {
  item.age= 20;
});

使用这样添加后，发现list下的age是实现不了双向绑定的。那么如果解决呢？这就需要使用$set方法来设置对象的属性了。上面代码需要修改为：

list.forEach(item => {
  this.$set(item, 'age', 20)
});

这样添加的属性就可以实现双向绑定了！ 

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://fly63.com/article/detial/680