vue el-select校验失效问题解决

select 如果有必填校验,切换时把这个有必填校验的设为空,选中之后校验仍旧提示,

当分类一切换时,分类二、三、四等都需要清空原值,重新选取,但是在分类一的 change 事件里,发现页面分类二已经显示,依旧提示没选择,校验失败。


原因是

分类一切换时,清空表单原值使用的是 this.doorSlowForm.diseCode = ""  手动设为空,校验失败。


解决方案:

使用 this.$set(this.doorSlowForm, "diseCode",  "") 设空值,代替 this.doorSlowForm.diseCode = ""


当多个级联情况下,下拉赋值值赋不上去,this.$focreUpdata() 强制更新,这时值就可以绑定上去,但同时绑定时校验也会失效


解决方案:

1,可以同上设置,使用 this.$set() 设空值

2,也可以在分类一切换同时,手动将分类二下拉集合的第一个元素赋值到分类二的值上去。



©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容