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