简单前端分页

参数

// 参数
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;
    },
posted @   暗鸦08  阅读(62)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示