给数组里面的对象添加响应式属性的方法( $set()的用法 )
1、项目背景需要给---对象里面的数组---数组里面的对象---添加一个新的属性,通过【item.新属性="xxx"】,虽然也可以给对象添加新属性,但不是响应式**(即:数据变化视图跟着变)数据 ,所以我们用到下面这种方法:$set()注:通过push添加的数据是响应式数据2、项目介绍解释:attrInfo : {attrValueList : [ { 在数组里添加响应式属性:属性值} , { }
·
1、项目背景
需要给---对象里面的数组---数组里面的对象---添加一个新的属性,通过【item.新属性="xxx"】,虽然也可以给对象添加新属性,但不是响应式**(即:数据变化视图跟着变)数据 ,所以我们用到下面这种方法:$set()
注:通过push添加的数据是响应式数据
2、项目介绍
解释:attrInfo : {
attrValueList : [ { 在数组里添加响应式属性:属性值 } , { } ]
}
3、方法(vue.js官文)
4、代码
即:先将对象里面的某个属性(数组)值进行循环遍历(forEach),然后通过this.$set ( 参1,参2,参3 ) 向每一条对象添加新属性:属性值。
更多推荐
已为社区贡献14条内容
所有评论(0)