微信小程序中scroll-view里获取触底事件
时间: 2023-10-18 14:29:30 浏览: 237
微信小程序之<scroll-view>应用实例
5星 · 资源好评率100%
要在微信小程序中的scroll-view组件中获取触底事件,你可以使用scroll-view的bindscrolltolower事件。当scroll-view滚动到底部时,该事件将被触发。你可以在该事件的回调函数中编写获取更多数据的逻辑。
例如,在wxml文件中:
```
<scroll-view scroll-y="true" bindscrolltolower="loadMoreData">
<!-- 这里是scroll-view的内容 -->
</scroll-view>
```
在js文件中,编写loadMoreData函数来处理触底事件:
```
Page({
data: {
// 这里是页面数据
},
loadMoreData: function() {
console.log("触底事件触发了");
// 在这里编写获取更多数据的逻辑
}
})
```
当scroll-view滚动到底部时,loadMoreData函数将被触发,你可以在该函数中编写获取更多数据的逻辑。
阅读全文