Vue H5端实现上拉加载分页的方式

实现思路：

滑动页面到底部，触发接口增加条数，怎样去找到这个触底的点

1.滑动页面使用onscroll监听页面滚动

2.文档得完整高度-(滚动条垂直滚动距离+屏幕可视区域)

 mounted(){
     window.onscroll=(e)=>{
    const scrollH = document.documentElement.scrollHeight;// 文档的完整高度 
    const scrollT = document.documentElement.scrollTop || document.body.scrollTop; // 当前滚动条的垂直偏移 
    const screenH = window.screen.height;  // 屏幕可视高度 ;
    if (scrollH - scrollT - screenH==0) { 
        //执行请求接口
       if(this.nextPage==0)return;//判断若下一页没有则截停
           this.pageCurrent+=1;
          this.findManageApplyList();
       }  
    }    
 }
methods:{
 findManageApplyList(){
    this.dataLoading=true;   
    findManageApplyList({pageCurrent:this.pageCurrent,
        pageSize:this.pageSize}).then((res)=>{
        console.log(res);
        this.dataLoading=false;  
        if(this.pageCurrent==1){
            this.contentList=res.data.list;
        }else{
            this.contentList=[...this.contentList,...res.data.list];
        }
        this.nextPage=res.data.nextPage;
    }).catch(()=>{
        this.dataLoading=false;
    })
}


}