个人使用的一个分页通用性的封装 封装的ts版本并未上传

邮箱 [email protected] 这是本人的邮箱 又不懂的 可以发邮箱给我(This is my email address and do not understand can send email to me) 主要看这里的配置

{
    params:{
      pageSize:this.pageSize,
      currentPage:this.currentPage,
    },  // 分页参数
    notPage:true, // notpage是否分页 默认ture分页也就是不会保留上次数据 false 上次数据和新数据合并
    keys:[], // 要处理的请求对象的属性
    totalKey:null,  // 总数的字段
  }

使用

// 首先有一个方法 必须返回promise
// 方法参数是解构函数 必须存在pageSize和currentPage
getList({pageSize:size,currentPage:current,...这里按照你的业务配置参数}){
  return new Promise((resolve,reject)=>{
    // 请求接口 这里写你请求接口的代码
    // 返回数据 从后端请求过来的数据
    // 如
    resolve({
      list:{
        data:[...]
      },
      total:20,
    })
  })
}

// 然后初始化分页服务类 方法必传
const pageServe = new PageService(getList,{
  // 这里放入配置 配置中想改什么配置写什么配置
  params:{
    // 这里是请求的参数比如 getList 有个自定义属性为name 那么这里加name即可
    // 默认分页数量是10 当前页为1 可自行在下面列表配置
    name:'测试数据'
  },
  // 这里配置就是拿到你对应的分页数据的属性
  keys:['list','data'],
  // 这个配置就是总数属性
  totalKey:'total',
  // 这个配置就是是否分页 默认是true 会重置上次数据并将新数据放入
  // 如果是false 上次数据和新数据合并
  notPage:false,
})

// 开始请求
pageSeve.getPageList();
···

1.0.5
放弃ts版本 为防止下载时需要 按照解析ts的工具 并加入默认导出