核心代码为:let dom = this.$refs.dataTable.bodyWrapper;
/*页面滚动事件method方法体内定义*/
scollerFunc(){
let dom = this.$refs.dataTable.bodyWrapper;
const scrollDistance =dom.scrollHeight - dom.scrollTop - dom.clientHeight;
if(scrollDistance <=1){//等于0证明已经到底,可以请求接口
if(this.queryParams.pageNum < parseInt(this.total/this.queryParams.pageSize)){//当前页数小于总页数就请求
this.queryParams.pageNum++;//当前页数自增
//请求接口的代码
getVMPPayPlans(this.queryParams).then(response => {
this.MPPayPlanList = this.MPPayPlanList.concat(response.rows);//将请求回来的数据和当前展示的数据合并在一起
});
}
}
},
mounted(){
/*监听页面滑动事件*/
window.addEventListener('scroll',this.scollerFunc,true)
}