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

Posted 2023-04-27

参考技术A select 如果有必填校验，切换时把这个有必填校验的设为空，选中之后校验仍旧提示，

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

原因是

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

解决方案：

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

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

解决方案：

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

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

关于vue中滚动监听失效问题

在vue项目中,

 

监听window滚动失效;并且document.body.scrollTop一直是0的情况!

查找了许多资料;并没有找到合理的解决方案;

最中发现,在index.html设置了html,body的宽高设置成了100%;

这样会造成window.onscroll监听不到正确的滚出高度(恒为0);

不和你们多bb:解决方案:

将html,body的height设置为auto;即可解决!!