Element-ui打开表单自动验证问题的解决

最近深陷element表单验证的坑,被一个问题困扰了好几天:页面一打开什么都没做表单就自动验证。

网上搜了一圈解决方案,只有这位仁兄的方法给了点启示:

https://www.jianshu.com/p/d2c900f7b730

但是我把trigger:change改成trigger:blur依然无效。顺着调用栈找了几遍:


好像这个rules有点名堂。。。点进去瞅瞅。。


可以看出来,rules发生变化被监听到了,然后触发了验证。但是我啥也没做为什么rules会发生变化???没搞懂,不过没关系。。。那rules改变我不让它触发验证不就好了。我在官方文档找了一圈:


在el-form中把这个属性设为false就ok

以为这样就大功告成?

接着发现,输入框输入了文字,校验提示并没有消失


其实输入框发生变化的时候rules都会被触发,所以trigger还是把change加上吧:

trigger:['blur','change']

这样就完美解决啦

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容