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

原创于 2018-12-21 17:13:07 发布 · 898 阅读

CC 4.0 BY-SA版权

7 篇文章

订阅专栏

4 篇文章

订阅专栏

本文介绍在Vue.js中，如何正确地给数组元素添加自定义属性并更新其值。通过使用Vue的$set方法，可以确保视图响应式更新，避免因直接修改属性导致的数据不同步问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

后面需要修改插入的属性的值

修改后发现并未更改成功，值未改变。此时需要使用$设置方法来出发数据的更新

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

//举例
this.$set(this.roleList, key, this.roleList[key])
复制代码

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

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