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:‘’
})
}
}