vue + element-ui 的表单验证失效问题

本文描述了使用Element-UI 1.4版本时遇到的表单验证失效问题及解决办法。当从编辑用户资料切换到添加用户时,表单验证会失效,即使进行了表单重置也无法解决。最终通过自定义验证正则表达式和重置表单字段解决了该问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先先描述写问题   我用的是element-ui 1.4 版本 做的一个后台管理系统,我在对用户进行添加的时候有个模态框里面有表单验证,在修改用户资料的时候也有一个表单验证。当我进来先点击了编辑用户资料的时候,在点击添加用户,发现表单验证失效了。我在每一次关闭的时候都重置了表单验证还是没用,后来只能上直接写了。下面是图

 

如果有碰到这样的情况的童鞋 有好的解决方案可以分享给我下。我修改之后是自己写的表单验证。发现有些时候别人的东西真的是有问题。吃一堑长一智啦。

解决方案:

1.自定义一个验证正则(按照自己定义的方式可以自行定义):

最后,在每一次打开模态框显示的时候最好吧初始值置空。(resetFields element表单验证有这么一个属性,如果出现了上述情况还可以试试这个方法等)

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值