微信小程序上滑懒加载数据

这篇博客详细介绍了在小程序中如何实现数据的渲染和分页加载。通过`async getWuchangList`方法获取数据,计算总页数,并使用`onReachBottom`监听页面滚动,实现下拉加载更多数据。这种方法优化了用户体验,有效管理了大量数据的展示。
摘要由CSDN通过智能技术生成

1.最开始渲染数据方法

async getWuchangList(){
		const wuchang_list=await getWuchangList(this.data.queryParams)
		const total=wuchang_list.data.length
		this.data.totalPage=Math.ceil(total/this.data.queryParams.pageSize)
		this.setData({
			wuchangList:[...this.data.wuchangList,...wuchang_list.data]
		})
	},

data: {
	totalPage:'',
	queryParams: {
	pageNum: 1,
	pageSize: 10,
	},
},

2.页面上滑加载触发(onReachBottom小程序自带方法)

	onReachBottom: function () {
	if(this.data.queryParams.pageNum>=this.data.totalPage){
		}else{
			this.data.queryParams.pageNum++
			this.getWuchangList()
		}
	},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值