触底加载数据

//触底函数
onReachBottom() {
			console.log(this.current,this.orderList.length)
			if (this.current == 1) {
				this.page = this.page + 1;
				this.loadOrderList();
			}
		},

//接口调用获取页面数据
NET.request(API.FindOrderList, { //查询订单列表
					page: this.page,
					pageSize: this.page_size
				}, 'GET').then(res => {
					let list = []
					if(this.orderList!=undefined){
						list.push(...res.data.list,...this.orderList)
						console.log("list",list);
						this.orderList = list
					}else{
						list.push(...res.data.list)
						console.log("list",list);
						this.orderList = list
					}
					
					if (this.orderList.length < this.page_size) {
						this.has_more = false;
					}
				}).catch(res => {
					console.log("res",res);
				})

逻辑:

    首先我们页面循环的数据是this.orderList,那我们必然会在首次调用接口的时候赋值给this.orderList,但后续我们需要把第一次的this.orderList和当前接口返回的数据进行合并,那么我们就可以拿this.orderList是否存在判断页面是否是第一次调用,因为第一次调用并不需要合并操作,只有第二次,第三次才需要合并操作.

    所以我们在this.orderList存在的时候,也就是非第一次调用接口的时候,进行数据的合并.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值