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();
         })

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值