鍍金池/ 問(wèn)答/HTML/ 基于vue的element彈框 表單 先點(diǎn)擊修改再點(diǎn)擊新建 此時(shí)有數(shù)據(jù)怎么清空？

基于vue的element彈框 表單 先點(diǎn)擊修改再點(diǎn)擊新建 此時(shí)有數(shù)據(jù)怎么清空？

基于element 對(duì)話(huà)框 和表單
clipboard.png

當(dāng)我點(diǎn)擊修改的時(shí)候彈窗里面的表單會(huì)有此行的數(shù)據(jù)，然后在點(diǎn)擊添加就會(huì)當(dāng)前的數(shù)據(jù)，應(yīng)該怎么清空呢？

clipboard.png
這是修改的方法

clipboard.png
這是新增的方法，如果在新增的方法這樣寫(xiě) this.ruleForm={}的話(huà) 是有問(wèn)題的，具體就是表單無(wú)法重置數(shù)據(jù)了，reset按鈕，并且我用if操作這個(gè)彈窗依舊會(huì)有數(shù)據(jù)存在。。

回答
編輯回答
爆扎

element-ui 的dialog有一個(gè)close事件

clipboard.png

，表單有一個(gè)resetForm的方法，

clipboard.png

在關(guān)閉dialog的時(shí)候調(diào)用這個(gè)方法。

2017年8月9日 22:01
編輯回答
賤人曾

resetFields 方法可以重置表單 但是需要你在el-form-item標(biāo)簽上加上prop屬性才行

2017年4月30日 14:02
編輯回答
拼未來(lái)

this.ruleForm中的屬性賦值為初始值就行了

2017年6月5日 06:26
編輯回答
使勁操

其實(shí)就2套數(shù)據(jù) 修改的時(shí)候object.assign
新增的時(shí)候不是這個(gè)數(shù)據(jù)要重新寫(xiě)一個(gè)表單數(shù)據(jù) 新增的是這個(gè)數(shù)據(jù)就可以了

2018年6月2日 14:03
編輯回答
小眼睛

請(qǐng)問(wèn)您最后是怎么解決的

2017年8月21日 05:21