v-if影响element-ui表单验证

15 篇文章 0 订阅
4 篇文章 0 订阅

最近写项目发现了一个坑,
自定义的校验不起作用,如下图,两个input框,只有一个校验生效,另一个不生效。
第一反应是我单词是不是写错了,检查了几遍确认没问题
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
最后终于发现了。。。是v-if的原因,改成v-show就行了
因为我在两个input框外层,加了一个v-if判断,导致有的校验失败。

在这里插入图片描述
这个问题解决了,另一个问题来了,
表单校验问题解决了,可是改成v-show以后,v-show为false时,表单仍然要校验这个两个input框,
我的解决办法是在里面的v-if加一个自己的判断,红色部分为新加的
在这里插入图片描述

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值