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']
}

你可能感兴趣的:(element-ui 移除整个表单的校验结果(或重置表单及验证) 使用方法)