解决nuxt中路由变化后van-list触底不加载的问题

先随手记录下,怕忘了

用的技术:ts+vue3+nuxt3

出现的原因是因为van-list外层使用flex:1overflow:auto,去掉flex:1以及overflow:auto,并在setup的onMounted方法中重新请求list数据即可解决。

有异曲同工之处的还有list一直加载的问题,见官网给出的问题:

官网的问题解决中提到了"在html/body上设置overflow后一直触发加载"

如果在 html 和 body 标签上设置了 overflow-x: hidden 样式,会导致 List 一直触发加载。

这个问题的原因是当元素设置了 overflow-x: hidden 样式时,该元素的 overflow-y 会被浏览器设置为 auto,而不是默认值 visible,导致 List 无法正确地判断滚动容器。解决方法是去除该样式,或者在 html 和 body 标签上添加 height: 100% 样式。

posted @ 2021-11-16 16:12  沐木琴  阅读(491)  评论(0编辑  收藏  举报