vue+elementui 應用中關閉對話框清除驗證和表單內容

在項目中遇到對話框關閉或者取消後，再次打開驗證錯誤或者表單內容依然存在的效果，如下： 這種用戶體驗顯然不好，那麼如何解決這種問題呢？ 第一種方法簡單粗暴，就是在dialog對話框添加v-if，下次打開對話框重新渲染即可。 第二種方法就是在 dialog取消按鈕或者在對話框關閉的 ‘before-colse’事件中添加： this.$refs[formData].resetFields(); for

>>阅读原文<<