uni-app 下拉刷新函数 onPullDownRefresh

onPullDownRefresh是uni-app中的下拉刷新函数，它是生命周期函数的一部分，当页面下拉刷新时，会触发onPullDownRefresh函数。

1、在pages.json中开启下拉刷新功能

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "enablePullDownRefresh": true
      }
    }
  ],
  "globalStyle": {
    "navigationBarTextStyle": "black"
  }
}

2、在页面对应的.vue文件中实现onPullDownRefresh函数

export default {
  onPullDownRefresh() {
    console.log('下拉刷新');
    // 实现下拉刷新的逻辑，如重新请求数据等
    // 数据请求完成后，停止当前页面的下拉刷新
    uni.stopPullDownRefresh();
  }
}

3、在需要的时候调用uni.startPullDownRefresh()函数来主动触发下拉刷新。

uni.startPullDownRefresh();

注意：

• 如果pages.json中没有开启下拉刷新，则无法使用onPullDownRefresh函数。

• 在onPullDownRefresh函数中，一定要调用uni.stopPullDownRefresh()停止下拉刷新，否则会一直显示下拉刷新的loading图标。