微信小程序——onReachBottom上拉分页

最新推荐文章于 2024-04-23 00:41:45 发布

dbt@L

最新推荐文章于 2024-04-23 00:41:45 发布

阅读量624

点赞数 1

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_43201350/article/details/112800914

版权

微信小程序专栏收录该内容

123 篇文章 16 订阅

订阅专栏

本文讲解了如何通过编程逻辑优化触底加载（onReachBottom）功能，当用户浏览至页面底部时，仅在当前页码小于总页数时动态请求下一页数据，提高用户体验。关键步骤包括判断页码、递增操作和数据请求的智能管理。

摘要由CSDN通过智能技术生成

思路

 * onReachBottom (触底事件) 
 *   1 判断当前页码是否大于等于总页数
 *   2 如果否，当前页码++
 *   3 重新请求页面数据接口

  onReachBottom() {
      // 判断当前页码是否大于总页数
      if (this.params.pagenum >= this.totalPages) {
        wx.showToast({
          title: '没有下一页数据！',
          icon: 'none'
        })
      } else {
        // 请求下一页数据
        this.params.pagenum++  // 页码++
        this.getList() // 请求当前页面数据
        
      }
  },