uniapp上拉加载更多

在 UniApp 中实现上拉加载更多的功能可以通过使用`onReachBottom`事件来监听页面滚动到底部的动作，然后在事件处理函数中触发加载更多的逻辑。

以下是一个简单的示例代码，用于在 UniApp 中实现上拉加载更多的功能：

<template>
  <view>
    <!-- 显示加载的数据 -->
    <view v-for="(item, index) in dataList" :key="index">
      {{ item }}
    </view>
    <!-- 加载更多的提示 -->
    <view v-if="showLoading">加载中...</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      dataList: [], // 存放加载的数据
      showLoading: false, // 是否显示加载中的提示
      page: 1, // 当前页码
      pageSize: 10, // 每页加载数量
    };
  },
  methods: {
    // 监听页面滚动到底部的事件
    onReachBottom() {
      // 如果正在加载中，则不触发加载更多的逻辑
      if (this.showLoading) return;

      // 显示加载中的提示
      this.showLoading = true;

      // 模拟异步加载数据
      setTimeout(() => {
        // 模拟从服务器获取数据
        const newData = this.getMoreData(this.page, this.pageSize);

        // 将新加载的数据追加到已有数据列表中