Ant Design of Vue清除表单校验

Ant Design of Vue清除表单校验

1、校验移除clearValidate()

移除所有表单项的校验事例

<a-form-model ref="form">
  //这里放你所展示的表单控件
   <a-form-model-item label="姓名" prop="name">
      <a-input v-model="testName" autocomplete="off" />
    </a-form-model-item>
   <a-button v-if="isShow == false" @click="handleCancel">取消</a-button>
</a-form-model>
<script>
  handleCancel() {
    //移除所有表单项的校验
    this.$refs['form'].clearValidate()
    //移除其中的某一项校验
    this.$refs['form'].clearValidate(['name']);
    },
</script>

clearValidate

2、clearValidate和resetFields区别

this.$refs['form'].resetFields() //移除校验结果并重置字段值
this.$refs['form'].clearValidate() //移除校验结果