uniapp如何实现上拉加载更多数据

<scroll-view class="list" scroll-y="true" @scrolltolower="onLoadMore">
  <view v-for="(item, index) in dataList" :key="index">{{item}}</view>
</scroll-view>

onLoadMore() {
  pageIndex++
  //模拟数据请求
  setTimeout(() => {
    for(let i = 1; i <= 10; i++) {
      this.dataList.push('第' + (pageIndex * 10 + i) + '条数据')
    }
  }, 500)
}

export default {
  data() {
    return {
      dataList: [],
      pageIndex: 0
    }
  },
  onLoad() {
    this.onLoadMore()
  },
  methods: {
    onLoadMore() {
      //...
    }
  }
}