移动端 触底函数 分页 下拉加载

本文介绍了移动端应用中实现触底加载更多数据的分页功能。通过uniapp的onReachBottom事件监听页面滚动,当滚动到底部时触发数据请求。讲解了如何根据页码和总页数进行判断,以及如何管理数据和页数,确保正确加载和更新数据。
摘要由CSDN通过智能技术生成

完美!!! 第一步咱就是上来就开始啦~ ~ ~ ~

  onReachBottom : 触底函数 (uniapp)

 话不多说! 上代码

这段代码什么意思呢?

    onReachBottom() {
            if (this.page * 5 >= this.total) return this.isbottom = true
            if (this.isbottom) return
            this.page++
            this.activityList()
        },

会监页面滚动,当页面滚动到底部的时候就会出发

这个就是后端返回的数据 

就是一共有两页,每一页有5条数据

 

要根据页码 和 总页数   page: 1, //页数            total: 0, //总数量

来进行判断

请求数据的时候把总页数单独存起来

		//活动列表
	activityList() {
		this.$myRequest({
			url: '/api/h5/index/activityList',
			data: {
				dis_id: this.dis_id,
				page: this
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值