码迷,mamicode.com
首页 > 其他好文 > 详细

element-ui的表单验证如何清除校验提示语

时间:2019-01-11 18:56:50      阅读:737      评论:0      收藏:0      [点我收藏+]

标签:编辑   遇到的问题   直接   bubuko   image   val   错误   nbsp   遇到   

 

问题描述:

 

技术分享图片

 

技术分享图片

如图,当编辑和添加用的同一个弹出框时,input框里的表单验证会相互影响。在编辑框中输入了不符合验证规则的内容时会出现错误提示,这时如果直接关闭弹窗,那么在打开添加人员的弹窗时,即使将表单中的内容都手动清空了,刚刚的校验提示语也依然会存在。

 

解决方法:

技术分享图片

 

 技术分享图片

技术分享图片

技术分享图片

 添加事件里的判断是为了判断当前的表单里是否有提示语,否则当直接打开添加人员的弹窗时,此时表单里为空,

clearValidate会报错。
 
 
 
前端小菜鸟记录工作中遇到的问题,如果正好你也遇到能有幸帮到你一点点那就更好啦。

 

element-ui的表单验证如何清除校验提示语

标签:编辑   遇到的问题   直接   bubuko   image   val   错误   nbsp   遇到   

原文地址:https://www.cnblogs.com/duxiaoxiao/p/10256606.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!