uniapp 上拉加载下一页

在 UniApp 中实现上拉加载下一页的功能，你可以使用 `onReachBottom` 事件来监听页面滚动到页面底部的时候触发的事件。以下是一个简单的示例代码：

<template>
  <view>
    <!-- 这里是你的页面内容 -->
  </view>
</template>

<script>
export default {
  data() {
    return {
      page: 1, // 当前页码
      pageSize: 10, // 每页数据数量
      dataList: [], // 数据列表
      loading: false, // 是否正在加载数据
    };
  },
  mounted() {
    // 初始化加载第一页数据
    this.loadData();
  },
  methods: {
    // 加载数据
    loadData() {
      if (this.loading) {
        return;
      }
      this.loading = true;

      // 模拟异步请求数据，你需要替换为你的实际请求逻辑
      setTimeout(() => {
        // 请求成功后，将获取的数据添加到 dataList 中
        const newData = []; // 替换为你的实际数据
        this.dataList = this.dataList.concat(newData);

        // 请求完成后重置 loading 状态
        this.loading = false;
      }, 1000);
    },
    // 上拉加载更多
    onReachBottom() {
      this.page++;
      this.loadData();
    },
  },
};
</script>

在上面的示例中，`dataList` 是存储数据的数组，`loading` 用于控制是否正在加载数据。当页面滚动到底部时，`onReachBottom` 方法会被调用，然后在该方法中可以执行加载下一页数据的逻辑，即调用 `loadData` 方法。

注意，示例中的异步请求部分需要根据你的实际情况进行替换，这里只是简单模拟了一个延时加载数据的过程。另外，根据你的具体需求，你可能还需要添加一些判断条件，比如判断是否还有更多数据可加载等。