父組件將列表中選中的這個(gè)object給彈窗組件傳進(jìn)去;彈窗組件內(nèi)代碼:js:props: ['object', 'visible'],
computed: {
objectProp(){ return Object.assign({}, this.object)
}
},html: el-input v-model=objectProp.name只要我在外面不對(duì)選中的數(shù)據(jù)進(jìn)行切換,每次我打開這個(gè)彈窗,顯示的都是我上次修改的值;如果我選中一條數(shù)據(jù),第一次打開彈窗,顯示的是數(shù)據(jù)本值,假如數(shù)據(jù)本值是1,我修改為2,然后我關(guān)閉彈窗,不切換選中的數(shù)據(jù),再打開彈窗此時(shí)顯示的數(shù)據(jù)是2,而不是1,是上一次修改的值,我想讓他顯示為數(shù)據(jù)本值1,該怎么辦應(yīng)該如何解決比較優(yōu)雅呢,目前我的解決方式是,將visible是否顯示彈窗變量作為條件,每次這個(gè)值改變objectProp都會(huì)重新賦值一次,但是這樣的話,我打開彈窗和關(guān)閉彈窗都會(huì)給這個(gè)objectProp重新賦值,完全沒(méi)有必要,代碼很丑陋 objectProp(){ if(!this.visible){ return Object.assign({}, this.object)
}else{ return Object.assign({}, this.object)
}
},
vue從列表中選擇一條數(shù)據(jù),如何做到每次點(diǎn)擊修改彈框都顯示數(shù)據(jù)的本值,而不是上次編輯后沒(méi)保存的值
函數(shù)式編程
2018-07-23 09:33:42