vue-ant-form 清除表单校验信息

image.png

通过vue获取ref对象： const { ruleForm } =  this.refs
然后通过clearValidate()方法清除校验信息
ruleForm.clearValidate({ ...this.form });
this.form: 为表单字段
...：es6扩展运算符
clearValidate()还可以清除某一个字段的校验信息;
ruleForm.clearValidate(['表单中的某个字段']);
例： 
const { ruleForm }: any = this.$refs;
    if (ruleForm) {
      ruleForm.clearValidate(['year']);
    }
详情请见antd-vue官网描述

针对蚂蚁组件
使用组件中form自带的resetFields()方法重置组件值
官方给出的resetFields()方法的解释：重置一组输入控件的值（为 initialValue）与状态，如不传入参数，则重置所有组件