vue 关闭弹框重新打开时element输入框验证提示红框

接上一篇,遇到的下一个问题。

这回表单验证可算是生效了,但是,关闭窗口后,再次打开窗口,它还在!!沾粘糕吗。

解决思路就是,在关闭窗口的时候,把之前设置的验证啥的都clear掉。

话不多说,用一招最easy 的方法,over掉。

就是在cancel方法里面,加上一句:   this.$refs.formRef.clearValidate();

    cancel() {

      this.$refs.formRef.clearValidate();

    },

 就可以完美解决了。这种方法适用于很多种情况。

(也有使用this.$nextTick 处理的,总之条条大路通罗马。)

上面说的是,全部clear掉,也有单个属性clear的,

          this.$nextTick(()=>{
          this.$refs.form.clearValidate('unitName');
           this.$refs['form'].resetFields();
         })

 

你可能感兴趣的:(前端,java,前端,javascript)