3，在vue2中给一个对象添加属性元素时，想让添加的元素变成响应式时，可以用 this.$set 方法

最新推荐文章于 2024-03-27 14:27:51 发布

成熟的麦芽糖

最新推荐文章于 2024-03-27 14:27:51 发布

阅读量585

点赞数

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/m0_72788309/article/details/129210394

版权

在使用Vue时，文章提到在遍历attrInfo.attrValueList并修改属性时，尝试用$set方法为每个item添加flag属性，但发现视图未更新。原因是Vue不能自动检测到对象的新增属性并使其变为响应式的。

摘要由CSDN通过智能技术生成

//在修改某一个属性的时候，将相应的属性值元素添加上flag这个标记
      this.attrInfo.attrValueList.forEach((item) => {
        //这样书写也可以给属性值添加flag自动，但是会发现视图不会跟着变化（因为flag不是响应式数据）
        //因为Vue无法探测普通的新增 property,这样书写的属性并非响应式属性（数据变化视图跟这边）
        //第一个参数:对象  第二个参数:添加新的响应式属性  第三参数：新的属性的属性值
        this.$set(item, "flag", false);
      });