element-ui编辑时出现编辑框在编辑且表格内容也在改变.编辑框内容未保存,表格内容出现未保存的编辑框内容,需要刷新才正确

问题:

点击编辑,我在编辑框编辑手机号时,我删除手机号.表格中的手机号也在跟着我的操作而发生变化.我点击取消,不保存我编辑后的内容.编辑对话框关闭后.表格显示的还是为我刚刚编辑的手机号.

解决办法:

在点击编辑按钮的那个方法中,对表格内容进行深拷贝.

	// 打开编辑菜单弹窗
		const onOpenEditDept = (row: object) => {
			// console.log("修改",row);
			state.edit_id = row.id;
			state.ruleForm = row;
			let obj = JSON.parse(JSON.stringify(row)) //  深拷贝
			state.ruleForm = obj
			state.isShowDialog = true;
		};

let obj = JSON.parse(JSON.stringify(row)) // 深拷贝

state.ruleForm = obj