微信小程序：scroll-view组件滑动多次触发scroll事件的bug解决

原创

于 2018-07-23 09:29:13 发布 · 1.2w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #scroll-view组件 #分页 #scrollView滚动多次触发

本文介绍了微信小程序中scroll-view组件在滑动时多次触发scroll事件的问题，导致分页功能失效。通过设置一个开关变量doneLoading来控制请求的发送，只有当开关为true时才会执行请求操作，有效防止了请求的频繁触发。同时提醒开发者注意设置滚动方向和滚动容器高度，以确保良好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在项目开发过程中，组件是微信小程序提供给我们的一个分页器，一般滑动到底部时会触发scroll事件，scroll事件中往往包含对后端数据的请求；若是还未滑动到底部时频繁触发事件，则会频繁发请求，达不到想到的分页效果。
先来说说的用法

<scroll-view scroll-y="true" style="height:{containerHeight}px" lower-threshold="300" on-scrolltolower={this.getList()}>
</scroll-view>

在data中设置两个变量：

最低0.47元/天解锁文章

200万优质内容无限畅学