uniapp上拉加载并且后面的数据拼接过来

在uniapp（微信小程序、H5、小程序等）中实现上拉加载（Pull-to-Load）并拼接新数据，通常涉及到两个关键步骤：

1. **监听滚动事件**：首先需要在页面组件中添加`scrolltolower`或`scrolltoupper`事件监听器，当用户滚动到底部或顶部时触发相应的函数。

Page({
  data: {
    loadMoreStatus: 'idle', // idle（默认）、loading、loadSuccess、loadFailed
    dataSource: [] // 存放当前数据列表
  },
  onScrollToLower() {
    if (this.data.loadMoreStatus !== 'loading') {
      this.setData({ loadMoreStatus: 'loading' });
      // 异步请求新的数据
      this.requestNewData();
    }
  },
  requestNewData() {
    uni.request({
      url: '你的接口地址', // 替换为你实际的API
      method: 'GET',
      success(res) {
        const newData = res.data; // 新数据
        this.dataSource.push(...newData); // 拼接新数据到原有数组
        this.setData({
          dataSource,
          loadMoreStatus: 'loadSuccess'
        });
      },
      fail(error) {
        console.error('加载失败', error);
        this.setData({
          loadMoreStatus: 'loadFailed'
        });
      },
      complete() {
        this.setData({
          loadMoreStatus: 'idle'
        });
      }
    });
  }
})

2. **处理状态管理**：在上述代码中，`loadMoreStatus`用于控制加载状态的展示，如显示加载动画、更新UI等。当数据加载成功后，设置`loadMoreStatus`为`loadSuccess`，以便前端显示已经加载完所有数据的信息。