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)
    })
}
上一篇 下一篇

猜你喜欢

热点阅读