//触底函数
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存在的时候,也就是非第一次调用接口的时候,进行数据的合并.