如果后端小伙伴整天想着躺平 数据也不处理一下全部甩过来 前端可以
解决1 用懒加载的方式 + 分页展示
先加载列表 list[ ] 的一部分数据 比如第一页 page = 0 的二十条 let limit = 20 当滚动到底部时 再加载二十条数据 以此类推
这里可以用计算属性computed来动态计算展示的总条数 list.slice(0, page.* limit))
滚动到底部 应该让page ++
const handleScroll = () => {
// 当前页数与最大页数的比较
if (page> maxPage) return //const maxPage = computed(() => Math.ceil(list.length / limit))
const clientHeight = container?.clientHeight
const blankTop = blank?.getBoundingClientRect().top
if (clientHeight === blankTop) {
// blank出现在视图,则当前页数加1
page++
}
}