解决nuxt中路由变化后van-list触底不加载的问题
先随手记录下,怕忘了
用的技术:ts+vue3+nuxt3
出现的原因是因为van-list外层使用flex:1
和overflow: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%
样式。
本文来自博客园,作者:沐木琴,转载请注明原文链接:https://www.cnblogs.com/cindy79/p/15561732.html
以小白的视角记录问题,如果你也有什么不懂的问题,欢迎来评论区讨论。