微信小程序开发之分页加载

最新推荐文章于 2024-06-03 00:10:09 发布

IF YOU～

最新推荐文章于 2024-06-03 00:10:09 发布

阅读量572

点赞数 1

分类专栏：微信小程序文章标签：微信小程序分页加载

本文链接：https://blog.youkuaiyun.com/weixin_43278947/article/details/98035931

版权

本文详细介绍了微信小程序中实现分页加载的步骤和关键事件处理，包括`onPullDownRefresh`（下拉刷新）和`onReachBottom`（上拉触底）的使用。通过设置`enablePullDownRefresh`配置，结合`page`和`pageSize`控制数据请求，以及`hasMoreData`判断是否还有更多数据，实现动态加载更多内容。当数据不足`pageSize`时，关闭`hasMoreData`，否则更新`page`并追加数据到列表，从而完成分页功能。

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

本文将带你了解微信小程序开发之分页加载，希望本文对大家学微信有所帮助。

分页加载功能大家遇到的应该会经常遇到，应用场景也很多，例如微博，QQ，微信朋友圈以及新闻类应用，都会有分页加载的功能，例如你一页显示10条数据，第一次（第一页）请求即开始start为0结束end是9，第二页就是从10到19，以此类推。既然要实现分页加载功能，最重要就是下拉以及上拉的处理事件，在微信小程序中已经帮我们封装好了上拉以及下拉的触发事件，

如下

页面相关事件处理函数–监听用户下拉动作 */
onPullDownRefresh: function () {
},
页面上拉触底事件的处理函数
onReachBottom: function () {
},
重写这两个函数，我们还需要在json配置文件加入下面代码{
“enablePullDownRefresh”: true
}

getMusicInfo: function (message) {
        var that = this
        var data = {
          showapi_appid: '25158',
          showapi_sign:   'c0d685445898438f8c12ee8e93c2ee74',
          keyword: '我',
          page: that.data.page
        }
          network.requestLoading('https://route.showapi.com/213-1', data,   message, function (res

最低0.47元/天解锁文章