使用场景:后端返回一个数组对象结构,会出现可能需要前端自己向对象中添加一个新的字段
在vue2中我们常常会遇到明明已经改变了数据,视图却没有实时更新这样的问题
这时vue2就提供了一个方法就是$set
this.$set(this.userInfo, 'age', 12)
但是在 vue3 中,$set 被废除了,vue3中的数据响应式是用的 ES6的 proxy
我们可以使用下面的方式代替:
Reflect.set(val, 'middle', middle)
Reflect.set(目标对象, 属性名, 值)
Reflect是一个系统内置对象,不需要new Reflect()就可以使用文章来源:https://www.toymoban.com/news/detail-535724.html
文章来源地址https://www.toymoban.com/news/detail-535724.html
到了这里,关于vue3向对象中添加属性的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!