vue this.$set为对象添加属性或修改指定属性
vue this.$set为对象追加属性或修改指定属性
·
在js中直接采用this.obj.attr = 'xxx'的方式修改对象的属性值,发现视图层没更新重新渲染出最新的数据,此时可以采用this.$set进行操作
语法:this.$set(target, propertyName/index, value)
1、为对象添加属性或修改指定属性
var obj = {
name: '张三'
};
this.$set(obj, 'name', '李四');//修改name属性值
this.$set(obj, 'age', 18);//追加age属性并赋值
console.log(obj); //{name: '李四', 'age': 18}
2、修改数组值
var arr = [1, 2, 3];
this.$set(arr, 0, 4);
console.log(arr);//[4, 2, 3]
如果想要对整个数组重新赋值,可以采用以下方法:
var arr1 = [1, 2 , 3];
var arr2 = [4, 5, 6];
arr1.splice(0, 3, ...arr2);
console.log(arr1);//[4, 5, 6]
更多推荐
已为社区贡献2条内容
所有评论(0)