resetFields 字段值重置时并移除校验结果

表单代码

<Form :label-width="120" :rules="formRules" :model="form" ref="form">
</Form>
<el-button type="info" @click="save">保存</el-button>
<el-button type="info" @click="empty">重置</el-button>

方法

save（） { //保存

  this.$refs[ruleForm2].validate((valid) => {

      if (valid) {

        alert('submit!');

      } else {

        console.log('error submit!!');

        return false;

      }

    });

  }
  //有可能this.$refs[ruleForm].validate() 方式不识别。需要使用: this.$refs.ruleForm.validate();
})
empty（） { //重置
  this.form = {}; //字段值重置
  this.$refs.form.resetFields(); //移除校验结果

})

相关文章：https://www.cnblogs.com/weiqinl/p/6708993.html