問題描述： table中編輯操作取消時(shí)，賦值的row會(huì)保留緩存更改后的值
function getRow(row){
currentObj.value = row
}
//此時(shí)編輯currentObj的值，進(jìn)行取消編輯的操作時(shí)，頁面會(huì)保存更改后的值
解決辦法：使用JSON.parse(JSON.stringify())進(jìn)行深層拷貝，在提交后端數(shù)據(jù)之前，只是更改當(dāng)前行的值，進(jìn)行取消操作時(shí)，將原先的數(shù)據(jù)再一次賦值即可
function getRow(row){
currentObj.value = JSON.parse(JSON.stringify(row))
testObj.value = row
}
function cancelFun(){
//將事先保存的testObj再賦值回去即可
currentObj.value = testObj.value
}
文章來源地址http://www.zghlxwxcb.cn/news/detail-551212.html
文章來源：http://www.zghlxwxcb.cn/news/detail-551212.html
到了這里，關(guān)于vue3 修改data后，取消恢復(fù)原值。 JSON.parse(JSON.stringify())深拷貝的使用的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
