先随手记录下,怕忘了
用的技术: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%
样式。