前端分页形式

1.获得需要的数据

    无论是mock数据还是后台的Ajax请求获得的数据,先进行data的分离,处理,判断......最终获得一个data数组

    这里说的是前端分页,前端处理数据

2.处理数据

    1) 数据再分割。例如经过第一步获得了一个data数组,那么我们使用数组forEach()将data数组按需分割成N个二维数组,那么对应页数加载对应的二位数组即可。

    上代码:

            pages (data) {

                    Array.isArray(data) ? data : return

                    const pages = []

                    data.forEach((item,index) => {

                        const page = Math.floor(index/10)

                        if(!pages[page]){

                            pages[page]=[]

                    }

                        pages[page].push(item)

                    })

                    return pages

            }

3.数据懒加载

    在数据量大的时候,那么就会出现加载数据的合理性

    前端只能在源头控制,就是请求来的data数组,可以设置分批请求 ,例如开始请求200条,后面的再通过点击事件触发

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容