郑州开发微信小程序遇到uniapp配合thinkphp下拉获取分页数据问题。
下面给出解决思路和方法：
1、uniapp中需要做出分页的页码，就相当于电脑端下一页，点击下一页。从第一页，到第二页类似的意思。
2、获取请求
下面是uniapp代码：
onReachBottom() {
let len = this.catelist.length;
if(len>=this.count){
uni.showToast({title: '到底了'});
return false;
}else{
uni.showToast({title: '触发上拉加载'});
}
this.pageindex++;
setTimeout(()=>{
this.getcatelist(this.id);
uni.stopPullDownRefresh();
}, 1000);
},
数据请求的代码：
getcatelist(id){
let self=this;
uni.request({
url:self.$url+'wxapi/Cate/getcatelist',
data: {
id:id,
pageindex:self.pageindex
},
success:function(res){
self.catelist=[...self.catelist,...res.data.artRes]
self.count=res.data.count
}
})
},
data里面需要设置如下：
data() {
return {
pageindex:1, //定义分页初始值为1
count:'',
id:'',
cate:[],
catelist:[]
}
}
服务器端需要对前端请求的数据进行处理，代码如下：
public function getcatelist(){
$id=input('get.');
if ($id['id']){
$map['cate_id']=array('in',$id['id']);
$count=db('archives')->where($map)->order('id desc')->count();
$artRes=db('archives')->where($map)->page($id['pageindex'],4)->order('id desc')->select();
foreach ($artRes as $k => $v){
$artRes[$k]['litpic']=config("api_url").'/public/static/index/uploads/litpic/'.$v['litpic'];
$artRes[$k]['title']=cut_str($v['title'],8);
}
return json(['artRes'=>$artRes,'count'=>$count]);
}else{
return json(['code'=>2,'msg'=>'没有这个分类id']);
}
}
