element-ui學習之-----el-dialog關閉重置表單


情境:有個彈出框dialog,里面是個表單,你想關閉的時候清空所填內容~

Dialog 組件有個關閉時的回調函數close:

//關閉dialog,重置表單
resetRegisterForm(){
  //得到表單實例,並調用表單重置方法resetFields()
  this.$refs.registerFormRef.resetFields();
}

 

 

 表單重置生效必備條件(不注意就會入坑):

1、el-form定好屬性ref;

2、el-form-item必須定義prop屬性;

3、data中必須定好rules驗證規則

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM