手机端滑动分页

//data 里面定义一个 

page: 1,
list:[]

//页面滚动到底部的事件 
onReachBottom() {
 //在数据 滚动到底部的时候 在调用接口
			this.getList()
		},

//封装一个请求的方法
getList() {
				var that = this;
				uni.showLoading({
					mask: true
				})
				try {
					request.getLiveList({
						// userId: uni.getStorageSync('userInfo').id
						type: "list",
						page: that.page,
					}).then(res => {
						uni.hideLoading()
  
						if (res.msg == 'ok') {
                         // 在请求成功的时候 定义两个空的数组 然后遍历数组  
							let new_list = []
							new_list = res.data.data
							let tem_list = []
							if (new_list.length > 0) {
								new_list.forEach((item, index) => {
									tem_list.push(item)
								})
								new_list = tem_list
							}

							that.page = that.page + 1
							that.list = that.list.concat(new_list)
						} else {
                           // 没数据的时候 请求没成功  并且原本的数组里面 大于0 弹出弹框
							if (that.list.length > 0) {
								uni.showToast({
									title: '已加载所有',
									icon: 'none'
								})
							}
						}

					}).catch(res => {
						uni.hideLoading()
					})
				} catch (e) {

				}
				uni.hideLoading()
			},

页面滚动到底部的事件(不是scroll-view滚到底),常用于下拉下一页数据。具体见下方注意事项

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值