vue创建数据保存后表单仍出现表单验证报错

166 阅读1分钟

1.首先要排除ref定义的表单名称与校验的表单名称是否一致

2.在校验成功后添加以下代码,清空表单校验规则

this.$nextTick(()=>{
              this.$refs[formName].clearValidate()
            })

3.比如

submitForm(formName) {
    this.$refs[formName].validate((valid) => { 
        if (valid) { 
            alert('submit!'); 
            this.$nextTick(()=>{
               this.$refs[formName].clearValidate()
            })
           } 
        else { console.log('error submit!!'); return false; } 
      }); 
    }

4.问题解决