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

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

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


原因是

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


解决方案:

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


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


解决方案:

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

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



你可能感兴趣的:(vue el-select校验失效问题解决)