JS 利用接口响应时间设置 loading
2024-04-10 本文已影响0人
Cherry丶小丸子
getList(){
this.loadmoreStatus = 'loading';
// 这里记录请求开始的时间
const startTime = Date.now();
getUserInfoList({
pageNo: this.pageNo,
pageSize: 10
}).then(res => {
// 这里记录处理完成的时间
const endTime = Date.now();
// 计算响应时间(毫秒)
const responseTime = endTime - startTime;
setTimeout(() => {
// this.orderList = [...this.orderList, ...res.data];
res.data.map(item => {
item.disabled = false;
this.orderList.push(item)
});
if(res.data.length) {
this.pageNo++;
}else{
this.loadmoreStatus = 'nomore';
}
}, responseTime < 1000 ? 1000 - responseTime : 0)
})
}