uniapp使用onReachBottom

UniApp 的 `onReachBottom` 是一种生命周期钩子，它通常用于底部加载更多场景，比如列表、滚动条等。当用户滚动到底部接近边界时，开发者可以监听这个事件并触发数据加载，以便在内容区下方添加新的内容。在 UniApp 中，`onReachBottom` 函数通常是放在 Vue 组件的生命周期钩子函数 `mounted()` 或者自定义的滚动组件的事件处理程序中。

例如，在一个列表组件中：

<template>
  <scroll-view :on-reach-bottom="loadMoreData" />
</template>

<script>
export default {
  methods: {
    loadMoreData() {
      this.$axios.get('api/data', { offset: this.totalItemCount }).then(response => {
        // 加载更多的数据并更新列表
        this.data.push(...response.data);
        // 更新总记录数
        this.totalItemCount += response.data.length;
      });
    },
  },
};
</script>

在这个例子中，`loadMoreData` 方法会在用户滚动到底部时被调用，通过 API 获取更多数据并更新页面显示。