当前页返回数据条数=limit时,如何判断是否有下页数据?

来源:1-1 章导读(教学内容、目标、建议)

叫我小鱼儿

2021-11-17 11:58:56

问题描述:若数据库中只有20条数据,那请求后【更多求解】按钮还在,再次点击,按钮消失。


相关代码:

if (res.code === 200) {
    // 判断res.data的长度,如果小于20条,则是最后页
    if (res.data.length < this.limit) {
        this.isEnd = true
    }
    if (this.lists.length === 0) {
        this.lists = res.data
    } else {
        this.lists = this.lists.concat(res.data)
    }
}

尝试过的解决方式:

修改后端返回数据,增加2字段,curPage, totalPage。

写回答

1回答

Brian

2021-11-19

当前页返回数据条数=limit时,如何判断是否有下页数据?


如果是这种临界的场景,可以添加一个total字段,通过total字段 除以 pageSize 来判断。


我个人比较喜欢使用 pageSize < limit的情况来判断,即使这种做会多发送一次请求。

0

大前端2022版

1个业务场景打通全端、全栈、全流程,实现全局思维与综合技术能力全面突破;对标阿里P6,8个月成为前端高级人才

2840 学习 · 691 问题

查看课程