给数组对象中为每个对象添加属性

高树悲风

已于 2023-10-08 13:51:45 修改

阅读量1.5k

点赞数

文章标签： vue.js javascript 前端

于 2023-06-27 17:57:42 首次发布

本文链接：https://blog.csdn.net/caoshilong1/article/details/131422572

版权

文章介绍了在Vue开发中，如何使用Object.assign进行对象合并以及this.$set方法动态添加属性到data对象，强调了this.$set在处理双向绑定时的重要性，特别是在未预定义属性时确保数据更新。

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

1、Object.assign

 Object.assign(target, ...sources)
 参数： target--->目标对象
       source--->源对象
       返回值：target，即目标对象

2、this.$set

普通方法会无效，需要使用vue提供的方法重新显示声明

双向绑定的属性需在vue 的data里面预先定义好，否则不会触发双向绑定事件，后续如需新增字段需使用vue的方法来添加
this.$set(this.model,'icon','2222')
this.model  ：data里面定义好的对象
'icon'  ：需要在对象里面添加的key
'2222' :需要添加 的值

this.$set()使用方法，详细教学（vue项目中this.$set()的妙用）_北城笑笑的博客-CSDN博客