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

佛佛ง

于 2019-11-20 17:45:32 发布

阅读量300

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/LzzMandy/article/details/103165727

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

32 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下拉刷新时，请求数据结束后，需要停止刷新，如果不停止，会出现下面的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中开启下拉刷新功能