微信小程序上拉加载更多

最新推荐文章于 2024-03-05 17:48:34 发布

Dove言和

最新推荐文章于 2024-03-05 17:48:34 发布

阅读量553

点赞数 1

分类专栏：微信小程序实战全记录文章标签： javascript 上拉加载更多

本文为博主原创文章，未经博主允许不得镜像、转载。

本文链接：https://blog.csdn.net/qq_21041889/article/details/108143488

版权

微信小程序实战全记录专栏收录该内容

93 篇文章 152 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

为解决大量数据导致的页面卡顿问题，微信小程序提供了onReachBottom事件。该事件可检测用户是否触底，从而实现上拉加载更多功能。通过调用内置函数并结合concat方法，可以有效地分批加载数据，减轻服务器压力。

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

在数据渲染到小程序端的时候，大量数据会造成页面卡顿，严重的话会卡死，增大服务器压力

onReachBottom

小程序自带能检测到到用户触底事件的函数

代码：

data: {
    page: 1,
  },
  //底部触发
  onReachBottom: function () {
    console.log('到底了');
    var that = this;
    if(that.data.tab_idx!=1 && tab_type!='personal'){
      that.all_files();
    }
  },
all_files(e) {
    var that = this;
    var page = that.data.page;
    page++;
    that.setData({
      page: page
    })
    // 显示加载图标
    wx.showLoading({
      title: '玩命加载中',
    })
    console.log('page',page);
    //获取所有文件 并判断自己有没有对该文件点赞
    wx.request({
      url: 'https://dove.io........./a