問題描述
在用ElementUI做動態(tài)表單時，數(shù)據(jù)的修改都是打開dialog（子組件）中進行操作的，但是在修改數(shù)據(jù)時，正常來說可以直接調(diào)用 this.$refs[str].resetFields() 直接清空，但是這里會出現(xiàn)一個問題:
form表單的重置是以第一次打開的數(shù)據(jù)作為重置標準,如果先打開的是編輯,那么重置之后以第一次更新的數(shù)據(jù)作為標準，即表單的數(shù)據(jù)為編輯時的數(shù)據(jù);
解決方式
- 用 nextTick 處理一下form的數(shù)據(jù)
this.$nextTick(() => {
this.detailForm = data;
})
- 然后在關(guān)閉dialog 時調(diào)用重置方法
resetForm(formName) {
this.$refs[formName].resetFields();
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
