请选择 进入手机版 | 继续访问电脑版
MSIPO技术圈 首页 IT技术 查看内容

vue3向对象中添加属性

2023-07-13

使用场景:后端返回一个数组对象结构,会出现可能需要前端自己向对象中添加一个新的字段

 在vue2中我们常常会遇到明明已经改变了数据,视图却没有实时更新这样的问题

这时vue2就提供了一个方法就是$set

this.$set(this.userInfo, 'age', 12)

但是在 vue3 中,$set 被废除了,vue3中的数据响应式是用的 ES6的 proxy 

我们可以使用下面的方式代替:

Reflect.set(val, 'middle', middle)
Reflect.set(目标对象, 属性名, 值)

 Reflect是一个系统内置对象,不需要new Reflect()就可以使用

 

相关阅读

手机版|MSIPO技术圈 皖ICP备19022944号-2

Copyright © 2024, msipo.com

返回顶部