如何实现前端分页

129 阅读1分钟
  // 前端分页
    export const getPagination  = (list, pageSize, currentPage)=> {
      let dataSource = [];
      if (list.length < pageSize) {
        //判断当前获取的接口数据的长度是否大于设置的展示个数(总页数是否大于1)
        const index = (currentPage - 1) * pageSize;
        dataSource = list.slice(index, pageSize);//截取当页展示数据
      } else if (currentPage === Math.ceil(list.length / pageSize)) {
        //当前页码是否为最后一页
        const index = (currentPage - 1) * pageSize;
        dataSource = list.slice(index);
      } else {
        /**
         * 若总页数大于1,且当前页码不是最后一页时
         * 获取下标(index)截取数据(dataSource)
        */
        const index = (currentPage - 1) * pageSize;
        dataSource = list.slice(index, currentPage * pageSize);
      }
      return dataSource;
    }