openEditinfo(text,record,index){ //点击编辑
this.visible1=true;
this.editForm={...record} //record表示tableData每一项的值,将record赋给editForm,如果后续对editForm进行一些操作的时候就不会影响到record
console.log("this.tableData",this.tableData);
},
submitEdit(){ //确认提交编辑
this.confirmLoading = true;
console.log("editForm",this.editForm);
setTimeout(() => {
this.tableData.forEach((item,index)=>{ //先使用foreach对表格数据进行遍历
if(item.key==this.editForm.key){
this.tableData[index]={...this.editForm}
//将editForm里面的所有值赋值给tableData中的每一项
console.log("执行");
}
})
this.tableData2.forEach((item,index)=>{
//tableData2表示单独的数据,里面内容和tabelData一致,这里主要是在搜索之后点击清除可以回到主页面
if(item.key==this.editForm.key){
this.tableData2[index]={...this.editForm}
console.log("执行");
}
})
console.log("this.tableData",this.tableData);
this.tableData=[...this.tableData] //再将上一步拿到的tabelData重新赋值给tableData
this.tableData2=[...this.tableData2]
this.visible1 = false;
this.confirmLoading = false;
}, 2000);
},
关于纯前端编辑遇到的深拷贝问题
最新推荐文章于 2023-11-14 15:09:41 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)