Vue 如何清除Form 表单验证二次弹出表单清除验证上次提示信息

如何清除Form 表单验证二次弹出表单清除验证上次提示信息二次打开表单，验证提示信息还在，如何解决话不多说，直接上代码在弹出表单方法内加入下面代码即可this.$nextTick(()=>{this.$refs.form.resetFields();})...

I'm写代码

6887人浏览 · 2020-08-18 15:27:08

I'm写代码 · 2020-08-18 15:27:08 发布

如何清除Form 表单验证二次弹出表单清除验证上次提示信息(分清除表单全部信息和只清除表单验证消息2种)

二次打开表单，验证提示信息还在，如何解决呢
在这里插入图片描述 话不多说，直接上代码
在弹出表单方法内加入下面代码即可
①清除表单内容和清除表单验证消息

this.$nextTick(()=>{
        this.$refs.form.resetFields();
      })

②只清除表单验证消息、不清楚表单内容

this.$nextTick(()=>{
        this.$refs['form'].clearValidate() // 只清除清除验证
      })

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^