data:{
index:0,
list: [
{
title:'名字1',
},
{
title:'名字2',
}
],
froms:{
title:''
}
},
methods:{
change(){
this.list[index] = this.froms; //这会导致改变froms的数据的时候,list[0]也会改变;
//可使用JSON.parse(JSON.stringify(this.form))这种方式进行深拷贝赋值
this.$set(this.list,index,JSON.parse(JSON.stringify(this.form)))
//Object.assign(this.form)是浅拷贝,但是Object.assign({},this.form)是深拷贝
//注:当对象中只有一级属性,没有二级属性的时候,此方法为深拷贝。
//但是对象中有对象的时候,此方法,在二级属性以后就是浅拷贝
this.$set(this.list,this.dialogIndex,Object.assign({},this.form))
//Object.assign(this.form,this.list[index]) 也可直接使用此方法赋值
//使用...扩展运算符也可以实现深拷贝
this.$set(this.list,this.dialogIndex, {...this.form})
}
}
vue数组或对象直接赋值问题
最新推荐文章于 2023-07-05 17:49:10 发布