实现小程序上拉触底加载下一页数据
export default{
data(){
return{
page:1, //当前是第几页
totalPage:0, //总页数
}
},
// 上拉触底
onReachBottom(){
//如果当前页数小于总页数,加载下页数据
if(this.page<this.totalPage){
this.page++
this.init()
}
},
methods:{
init(){
let self = this;
self.request({
url:'接口地址',
data:{
count:10, //一页10条数据
page:self.page,
evaluateInfo:[] //列表数据
},
}).then(res=>{
if(res.data.success){
self.totalPage=res.data.data.total_page;
self.evaluateInfo.length>0?self.evaluateInfo=[...self.evaluateInfo,...res.data.info]:self.evaluateInfo=res.data.info
}else{
uni.showToast({
title:res.data.msg,
icon:'none'
})
}
},rej=>{
console.log(rej);
})
},
}
}