简单前端分页
参数
// 参数
pageParam{
total: 0, // 总数
pageSize: 10, // 每页显示条数
page: 1, // 默认页数
}
核心代码
getDataByPage(pageParam) {
let newData = []; // 返回值
let {total, pageSize, page} = pageParam; // 解构参数
let totalPage = 0; // 总页数
if (total / pageSize > parseInt(total / pageSize)) {
totalPage = parseInt(total / pageSize) + 1;
} else {
totalPage = parseInt(total / pageSize);
}
// 开始行数
let startRow = (page - 1) * pageSize + 1;
// 结束行数
let endRow = page * pageSize;
endRow = endRow > total ? total : endRow;
if (i >= startRow && i < endRow) {
// 下面就是返回的数据操作
let item = {
id: "1_" + i,
name: "名称_" + i,
};
newData.push(item);
} else {
// 其他数据操作
}
return newData;
},
本文来自博客园,作者:暗鸦08,转载请注明原文链接:https://www.cnblogs.com/DarkCrow/p/15840225.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!