vue2使用$set()使对象新增属性后触发视图更新

1,274 阅读1分钟

如图接口获取列表数组后,给每一个数组值插入一个自定义的属性,给一个默认值

后面需要修改插入的属性的值
修改后发现并未更改成功,值未改变。此时需要使用$set方法来出发数据的更新

this.$set(this.data, key, value)

//举例
this.$set(this.roleList, key, this.roleList[key])

写法为传入三个参数,第一个为所在对象,第二个为属性名,第三个是修改后的值

这样就完成了对新增属性的值的修改