element-ui 移除整個表單的校驗結果(或重置表單及驗證) 使用方法

本例子表單為dialog形式出現,dialogFormVisible為父組件傳來的控制表單顯示的值,
通過watch監視,如果顯示,調用表單重置方法resetvalidate();
子組件結構中有ref屬性為'userAdd'

 export default{
    methods:{
          resetvalidate(formName){
            if(this.$refs[formName]!==undefined){
              this.$refs[formName].resetFields();//如果只是清除表單驗證用   this.$refs[formName].clearValidate();
            }
          },
     },
    watch: {
          dialogFormVisible(val) {
            this.myFormVisible = val;
            if(val){
              this.resetvalidate('userAdd')
            }
          },
          myFormVisible(val){
              this.$emit('addsubmit',val)
          }
  },
  props:['dialogFormVisible']
}
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容