微信小程序如何上拉加载下一页

变量

data: {
   
        videos: [],
        page: 1,
        pageSize: 8,
        isLastPage: false,
        tips: '上拉加载更多'
},

• videos 数据容器
• page 当前页数
• pageSize 一页的数据量
• isLastPage 当前是否最后一页
• tips 页尾提示信息

上拉事件

onReachBottom: function () {
   
        // 最后一页了，取消下拉功能
        if (this.data.isLastPage) {
   
            return
        }
        this.setData({
    page: this.data.page + 1 })
        this.requestVideos(this.data.activeIndex)
},

需要判断是否最后一页，不再响应加载，我这里直接return出函数了，requestVideos 是向服务器访问数据的自定义函数

你也可以在页面的.json文件中定义距离底部多少距离，响应上拉事件，我试了，感觉差别不大，没太多影响

请求

 requestVideos(index){
   
        // 发起请求
        wx.showLoading({
   
            title: '加载中',
        })
        var app = getApp()
        wx.request({
   
            url: app.globalData.request_domain + '/index/index/videos',
            data: {
    type: