uniapp小程序上拉刷新 下拉加载

在uniapp小程序中，可以使用`onPullDownRefresh`和`onReachBottom`两个事件来实现上拉刷新和下拉加载功能。

1. 上拉刷新：

在页面的`<script>`标签内定义`onPullDownRefresh`事件，如下所示：

export default {
  onPullDownRefresh() {
    // 执行刷新操作
    // 操作完成后调用 uni.stopPullDownRefresh() 方法停止刷新动画
  },
  // ...
}

注意，在执行完刷新操作后，需要调用`uni.stopPullDownRefresh()`方法停止下拉刷新动画。

2. 下拉加载：

在页面的`<script>`标签内定义`onReachBottom`事件，如下所示：

export default {
  data() {
    return {
      dataList: [],  // 列表数据
      page: 1,  // 当前页码
      pageSize: 10,  // 每页数据量
    }
  },
  onReachBottom() {
    // 执行加载操作
    // 加载完成后将新数据追加到 dataList 数组中
    this.page++
    this.getDataList(this.page, this.pageSize).then(res => {
      this.dataList = this.dataList.concat(res.data)
    })
  },
  methods: {
    // 获取数据列表
    getDataList(page, pageSize) {
      // 发送请求获取数据
    },
    // ...
  }
}

在执行完加载操作后，将新数据追加到`dataList`数组中即可。需要注意的是，每次加载数据时需要更新当前页码`page`的值。