vue3 修改data后，取消恢复原值。 JSON.parse(JSON.stringify())深拷贝的使用

问题描述： table中编辑操作取消时，赋值的row会保留缓存更改后的值

function getRow(row){
	currentObj.value = row
}
//此时编辑currentObj的值，进行取消编辑的操作时，页面会保存更改后的值

解决办法：使用JSON.parse(JSON.stringify())进行深层拷贝，在提交后端数据之前，只是更改当前行的值，进行取消操作时，将原先的数据再一次赋值即可

function getRow(row){
	currentObj.value = JSON.parse(JSON.stringify(row))
	testObj.value = row
}
function cancelFun(){
	//将事先保存的testObj再赋值回去即可
	currentObj.value = testObj.value
}