如何在ionic vue中添加无限卷轴的第二页数据

<template>
  <ion-page>
    <ion-content>
      <!-- 页面内容 -->

      <ion-infinite-scroll @ionInfinite="loadMoreData">
        <ion-infinite-scroll-content
          loadingSpinner="bubbles"
          loadingText="加载中..."
        ></ion-infinite-scroll-content>
      </ion-infinite-scroll>
    </ion-content>
  </ion-page>
</template>

<script>
export default {
  methods: {
    loadMoreData() {
      // 在这里添加加载更多数据的逻辑
      // 可以通过调用API获取数据，并将数据添加到页面中
      // 示例代码：
      // this.$http.get('/api/data?page=2')
      //   .then(response => {
      //     const newData = response.data;
      //     this.dataList = this.dataList.concat(newData);
      //     // 停止无限卷轴的加载动画
      //     this.$refs.infiniteScroll.complete();
      //   })
      //   .catch(error => {
      //     console.error(error);
      //     // 停止无限卷轴的加载动画，并显示错误提示
      //     this.$refs.infiniteScroll.complete();
      //     this.$refs.infiniteScroll.disabled = true;
      //   });
    }
  }
}
</script>