小程序-实现列表-下拉刷新功能（2）

最新推荐文章于 2023-09-09 22:32:03 发布

原创最新推荐文章于 2023-09-09 22:32:03 发布 · 328 阅读

0 ·

CC 4.0 BY-SA版权

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

32 篇文章

订阅专栏

本文介绍了一种在页面下拉刷新时，通过异步函数返回promise对象并使用then调用wx.stopPullDownRefresh()来避免刷新不停止导致的bug。在list.json中需开启下拉刷新功能。

下拉刷新时，请求数据结束后，需要停止刷新，如果不停止，会出现下面的bug：

解决方式：

因为 loadmore是异步函数，我们可以让它返回一个promise对象，再执行then，调用wx.stopPullDownRefresh())停止刷新操作

/**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    this.setData({
      shops: [],
      pageIndex: 0,
      hasMore: true
    })
    // loadmore是异步函数，返回一个promise对象，执行完之后再执行下面的then
    // this.loadMore().then(() => wx.stopPullDownRefresh())
    this.loadMore().then(() => {
      wx.stopPullDownRefresh() // 停止当前页面下拉刷新标志
    })
  },

注意：在list.json中开启下拉刷新功能