iview实现无限滚动

前端页面表格中包裹无限滚动组件

<template>
  <Scroll :on-reach-bottom="handleReachBottom">
    <Table :columns="DetailsColumns" :data="resultDetailList" border width="710"></Table>
  </Scroll>
</template>

添加事件

handleReachBottom () {
  return new Promise(resolve => {
     setTimeout(() => {
       let _length=this.resultDetailList.length
       this.AllDetails.DetailsColumnsData.slice(_length,_length+this.length)
       this.resultDetailList.push(...this.AllDetails.DetailsColumnsData.slice(_length,_length+this.length))
       resolve();
     }, 500);
   });
},