邮箱 2323316332@qq.com 这是本人的邮箱 又不懂的 可以发邮箱给我(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的工具 并加入默认导出