前端拿到所有数据实现分页函数代码如下:
//分页数据处理函数
pageDataFn(number){
//处于第几页 number
//保存每页数据的函数
pagedata = [];
//pageSize 每页条数
//设置开始
let start = (pageSize * number) - pageSize;
// 设置结束长度
let end = pageSize * number; //长度判断
//所有分页数据 getdata.children
end = end > getdata.children.length ? getdata.children.length : end;
for(let i = start; i < end; i++){
//所有分页数据 getdata.children
pagedata.push(getdata.children[i])
}
}
这个函数很简单可以再次封装一下 就可以一直使用了如下
//分页数据处理函数
pageDataFn(number,pageSize,data ){
//处于第几页 number
//保存每页数据的数组
pagedata = [];
//pageSize 每页条数
//设置开始
let start = (pageSize * number) - pageSize;
// 设置结束长度
let end = pageSize * number; end = end > data.length ? data.length : end;
for(let i = start; i < end; i++){
//所有分页数据 data
pagedata.push(data[i])
}
return pagedata ;
}
然后渲染这个函数的返回值就行了 number改变数据跟着改变实现数据分页功能