下拉刷新

开启下拉刷新

app.json中的window属性中，或者页面级别的.json文件中配置：

1
"enablePullDownRefresh": true

推荐为需要下拉刷新的页面单独配置。

事件处理函数

下拉刷新会触发onPullDownRefresh事件处理函数，可以在函数中进行下拉之后的操作

1
2
3
onPullDownRefresh() {
    console.log("用户触发了下拉刷新的操作");
  }

调用wx.stopPullDownRefresh()函数可以取消下拉状态：

1
2
3
4
onPullDownRefresh() {
    console.log("用户触发了下拉刷新的操作");
    wx.stopPullDownRefresh();
  }

上拉触顶

上拉触顶距离

app.json中的window属性中，或者页面级别的.json文件中配置上拉触顶触发距离，距离默认为50px：

1
"onReachBottomDistance": 100

单位默认为px，可以省略。

事件处理函数

上拉触顶会触发onReachBottom事件处理函数，可以在函数中进行上拉触顶的操作

1
2
3
onReachBottom() {
    console.log("触发了上拉触顶事件")
  }

注意：需要自己处理节流、防抖的问题