uniapp下拉功能实现

第一步：开启下拉刷新

• 描述：要在某个页面使用下拉刷新，需要在 page.json 中找到该页面的 pages节点，然后在 style 选项中启用 enablePullDownRefresh

• 代码示例

  {
      "pages": [
          {
              "path": "pages/index/index",
              "style": {
                  "navigationBarTitleText": "首页",
                  # 开启下拉刷新
                  "enablePullDownRefresh": true
              }
          }
      ],
      "globalStyle": {
          "navigationBarTextStyle": "white",
          "navigationBarBackgroundColor": "#0faeff",
          "backgroundColor": "#fbf9fe"
      }
  }

处理下拉刷新事件

• 描述：在 onPullDownRefresh 函数中监听用户下拉刷新事件，当用户下拉刷新页面时，这个函数会被触发。当操作完成时，调用 uni.stopPullDownRefresh() 来停止当前页面的下拉刷新

• 代码示例

  export default {
      data() {
          return {};
      },
      onPullDownRefresh() {
          console.log('refresh');
          setTimeout(function() {
              // 停止下拉刷新
              uni.stopPullDownRefresh();
          }, 1000);
      }
  }