uniapp触底加载

uniapp触底加载

首先在packjson中编辑你需要该功能的页面下的style
在style中有一个参数为"enablePullDownRefresh",让参数值为true

"enablePullDownRefresh": true

在页面中 直接使用,与生命周期函数 同级别

onLoad(){

},
onReachBottom(){
    // 触底的时候请求数据，即为上拉加载更多
    var allTotal = this.page * this.pageSize
    //this.page为加载次数，this.pageSize为每一次加载的数据条数
    if(allTotal < this.totalElements){
    //this.totalElements为请求数据的总条数。只要现有条数小于总条数就就执行一下代码
        this.allListItem = false;    
        this.page ++;    
        //加载次数递加
         this.GetMoreCdcAccountList(this.usertoken); //请求更多数据列表
    }else{
        this.allListItem = true;
        console.log('已加载全部数据')
    }
},
methods:{
    GetMoreCdcAccountList(){
        console.log('请求更多数据')
       //此处发送请求
       uni.request（{
       url：‘’
		}）
    }
}