vue + element-ui 的表单验证失效问题
首先先描述写问题 我用的是element-ui 1.4 版本 做的一个后台管理系统,我在对用户进行添加的时候有个模态框里面有表单验证,在修改用户资料的时候也有一个表单验证。当我进来先点击了编辑用户资料的时候,在点击添加用户,发现表单验证失效了。我在每一次关闭的时候都重置了表单验证还是没用,后来只能上直接写了。下面是图如果有碰到这样的情况的童鞋 有好的解决方案可以分享给我下。我修改...
·
首先先描述写问题 我用的是element-ui 1.4 版本 做的一个后台管理系统,我在对用户进行添加的时候有个模态框里面有表单验证,在修改用户资料的时候也有一个表单验证。当我进来先点击了编辑用户资料的时候,在点击添加用户,发现表单验证失效了。我在每一次关闭的时候都重置了表单验证还是没用,后来只能上直接写了。下面是图
如果有碰到这样的情况的童鞋 有好的解决方案可以分享给我下。我修改之后是自己写的表单验证。发现有些时候别人的东西真的是有问题。吃一堑长一智啦。
解决方案:
1.自定义一个验证正则(按照自己定义的方式可以自行定义):
最后,在每一次打开模态框显示的时候最好吧初始值置空。(resetFields element表单验证有这么一个属性,如果出现了上述情况还可以试试这个方法等)
更多推荐
已为社区贡献6条内容
所有评论(0)