父組件將列表中選中的這個object給彈窗組件傳進去；彈窗組件內代碼：js:props: ['object', 'visible'],
computed: {
objectProp(){ return Object.assign({}, this.object)
}
},html: el-input v-model=objectProp.name只要我在外面不對選中的數據進行切換，每次我打開這個彈窗，顯示的都是我上次修改的值；如果我選中一條數據，第一次打開彈窗，顯示的是數據本值，假如數據本值是1，我修改為2,然后我關閉彈窗，不切換選中的數據，再打開彈窗此時顯示的數據是2，而不是1，是上一次修改的值，我想讓他顯示為數據本值1，該怎么辦應該如何解決比較優雅呢，目前我的解決方式是，將visible是否顯示彈窗變量作為條件，每次這個值改變objectProp都會重新賦值一次，但是這樣的話，我打開彈窗和關閉彈窗都會給這個objectProp重新賦值，完全沒有必要，代碼很丑陋 objectProp(){ if(!this.visible){ return Object.assign({}, this.object)
}else{ return Object.assign({}, this.object)
}
},
1 回答
達令說
TA貢獻1821條經驗 獲得超6個贊
我的思路是，你子組件雙向綁定的那個值，不要直接用父組件傳給他的，彈窗打開的時候，做一個動作，就是聲明一個新的值，然后把父組件的值傳給他（需要深復制），然后你子組件就直接綁定新聲明的那個值；然后彈窗關閉的時候，如果是保存關閉，那就把你新聲明的那個值傳給父組件，讓父組件去更新這個值，就是vue的自定義事件，$emit和$on；如果是未保存關閉，那么久不用做任何其他操作，直接關閉子組件就好了。
添加回答
舉報
0/150
提交
取消