uni-app 云存储 点击加载更多一直是page=0 根本没法正常用

在使用 uni-app 进行云存储时，如果你遇到“点击加载更多”时 page 一直是 0 的问题，可能是由于以下几个原因导致的。我们可以逐步排查并解决这个问题。

1. 检查 page 变量的初始化和更新

确保你在加载更多时正确地更新了 page 变量。通常情况下，page 应该是一个全局变量或组件内的状态变量，每次加载更多时递增。

data() {
  return {
    page: 0, // 初始值为0
    list: [], // 存储加载的数据
  };
},
methods: {
  async loadMore() {
    this.page++; // 每次加载更多时递增
    const res = await uniCloud.callFunction({
      name: 'your_cloud_function',
      data: {
        page: this.page,
        pageSize: 10, // 每页加载的数量
      },
    });
    const newData = res.result.data;
    this.list = this.list.concat(newData); // 将新数据追加到列表中
  },
},

2. 检查云函数的逻辑

确保你的云函数正确处理了 page 参数，并根据 page 和 pageSize 返回正确的数据。

// 云函数示例
exports.main = async (event, context) => {
  const { page, pageSize } = event;
  const db = uniCloud.database();
  const collection = db.collection('your_collection');
  const res = await collection.skip(page * pageSize).limit(pageSize).get();
  return {
    data: res.data,
  };
};

3. 检查事件绑定

确保“加载更多”按钮正确绑定了 loadMore 方法，并且每次点击时都会调用该方法。

<template>
  <view>
    <view v-for="(item, index) in list" :key="index">
      {{ item }}
    </view>
    <button @click="loadMore">加载更多</button>
  </view>
</template>

4. 调试和日志

在 loadMore 方法中添加日志，查看 page 的值是否在每次点击时递增。

methods: {
  async loadMore() {
    console.log('当前页数:', this.page); // 打印当前页数
    this.page++;
    const res = await uniCloud.callFunction({
      name: 'your_cloud_function',
      data: {
        page: this.page,
        pageSize: 10,
      },
    });
    const newData = res.result.data;
    this.list = this.list.concat(newData);
  },
},

5. 检查是否有其他逻辑覆盖了 page

确保没有其他地方在加载更多时重置了 page 的值。例如，如果你在加载更多时重新初始化了 page，那么它会一直保持为 0。

6. 处理数据加载完毕的情况

如果数据已经加载完毕，你可能需要禁用“加载更多”按钮或显示“没有更多数据”的提示。

methods: {
  async loadMore() {
    if (this.noMoreData) return; // 如果已经加载完毕，不再执行
    this.page++;
    const res = await uniCloud.callFunction({
      name: 'your_cloud_function',
      data: {
        page: this.page,
        pageSize: 10,
      },
    });
    const newData = res.result.data;
    if (newData.length === 0) {
      this.noMoreData = true; // 标记没有更多数据
    }
    this.list = this.list.concat(newData);
  },
},