uni-app如何实现分页查询


 1.页面进入时默认显示第一页数据
 2.上拉加载函数:
       2.1 上拉时页面   加1
       2.2 重新调用     加载数据函数 传入新页码

3.下拉刷新函数:
     3.1 下拉页面时 页面为 1
     3.2 清空数据
     3.3 重新调用     加载数据函数 传入新页码
     3.4 停止下拉刷新

4.拿到的数据不能直接赋值给接收容器,要一个一个推入容器,如果直接赋值给容器,第二页的数据就会覆盖掉第一页的数据

onPullDownRefresh() {     //下拉刷新
			this.page=1           
			this.list=[]          
            this.pull2(this.page)	        
			uni.stopPullDownRefresh()      
		},



onReachBottom() {            //上拉加载
			this.page=this.page+1    
			this.pull2(this.page)    
		},






//刷新函数
pull2(page){             //传入参数  页码      
			        
    uni.request({
		url:'',
		method:'',
		success: (res) => {
		let resut1=res.data.data
						
		if (resut1.length==0) {
				this.page=page-1        //让数据定在3页,不能一直无限增加
							
				this.gengduo=true      //提示文字更多显示
		} else{
				this.gengduo=false
		}
		for (var i = 0; i < resut1.length; i++) {
							
		this.list.push(resut1[i])
		}
						
						
						
      }
   })
}

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值