定义数据
data() {
return {
queryObj: {
query: '',
cid: 0,
pagenum: 1,
pagesize: 10
},
goodsList: [],
total: 0, //数据总数
isLoading:false //是否已经在执行加载数据的请求
};
},
请求函数,当请求数据的时候,设置请求状态为true,数据加载完成之后,把请求状态设置成false,只有数据加载完成,才能够进行下一次请求。
每一次请求都把请求到的新的数据,和上一次的数据做一次合并
上拉加载时要判断,是否已经在执行请求函数,只有上一次的执行完了,才能进行下一次的加载,如果数据加载完了,就不再执行请求。
下拉刷新,把所有的参数设置成默认状态。并且,拿到数据之后就应该传入停止下拉刷新的函数并执行。
效果