微信小程序（上拉加载，下拉刷新）-即速应用

微信小程序（上拉加载，下拉刷新）

浏览量：873 时间：2019-12-23 来源：这G年J

app.json中同一设置
小程序
每个页面生成的时候已经默认为我们设置了前面提到的onPullDownRefresh函数和onReachBottom函数

 // 下拉刷新  onPullDownRefresh: function () {    // 显示顶部刷新图标    wx.showNavigationBarLoading();    var that = this;    wx.request({      url: 'https://xxx/?page=0',      method: "GET",      header: {        'content-type': 'application/text'      },      success: function (res) {        that.setData({          moment: res.data.data        });        // 设置数组元素        that.setData({          moment: that.data.moment        });        console.log(that.data.moment);        // 隐藏导航栏加载框        wx.hideNavigationBarLoading();        // 停止下拉动作        wx.stopPullDownRefresh();      }    })  },

上拉加载

/**   * 页面上拉触底事件的处理函数   */  onReachBottom: function () {    var that = this;    // 显示加载图标    wx.showLoading({      title: '玩命加载中',    })    // 页数+1    page = page + 1;    wx.request({      url: 'https://xxx/?page=' + page,      method: "GET",      // 请求头部      header: {        'content-type': 'application/text'      },      success: function (res) {        // 回调函数        var moment_list = that.data.moment;         for (var i = 0; i  res.data.data.length; i++) {          moment_list.push(res.data.data[i]);        }        // 设置数据        that.setData({          moment: that.data.moment        })        // 隐藏加载框        wx.hideLoading();      }    })   },

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题，烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ，我们将及时处理。本站文章仅作分享交流用途，作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关，请知悉。