美文网首页
JS 利用接口响应时间设置 loading

JS 利用接口响应时间设置 loading

作者: Cherry丶小丸子 | 来源:发表于2024-04-10 20:24 被阅读0次
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)
    })
}

相关文章

网友评论

      本文标题:JS 利用接口响应时间设置 loading

      本文链接:https://www.haomeiwen.com/subject/ptfcxjtx.html