鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue+element-ui 的表單重置驗證問題

vue+element-ui 的表單重置驗證問題

clipboard.png
1、這是一個vue彈出層
2、如圖,element-ui【如何把已經(jīng)觸發(fā)的驗證在點關(guān)閉按鈕的時候取消掉】。

===============================
2018.03.13更新一下

1、重置樣式的請看采納的回答
2、當提交成功的時候可以執(zhí)行下面重置的語句，來重置一下。解決了提交成功的時候，再次點擊沒有重置的問題。
this.$refs['Form'].resetFields()

===============================
2018.08.24更新

親測可用，感謝
this.$refs['Form'].clearValidate() // 重置驗證

回答
編輯回答
風清揚

this.$refs.form.reset()

2018年2月15日 05:38
編輯回答
傲寒

你給form加一個ref屬性 = refname;
模態(tài)框打開的事件添加 以下代碼即可.
this.$nextTick(() => { //等待dom同步后打開模態(tài)框
this.$refs['refname'].resetFields(); //此方法需要模態(tài)框加載完成后才可以執(zhí)行
})

2018年2月19日 04:32
編輯回答
魚梓

像一樓寫的那樣,你給form加一個ref屬性,然后在取消事件里面寫this.$refs['refname'].resetFields()

2017年10月22日 20:27
編輯回答
傻叼

應(yīng)該用 clearValidate ,ref 引出表單實例,在js中調(diào)那個方法

2018年1月9日 23:53
編輯回答
涼心人

我之前也做過類似的，在點擊關(guān)閉的時候，如1/2樓所說，給form加一個ref屬性,然后在取消事件里面寫this.$refs['refname'].resetFields()。也可以在當彈出層剛打開的時候，this.$refs['refname'].resetFields()，也能達到效果

2018年7月1日 09:51