需要传参分页步骤的,点击下方链接。按步骤复制粘贴即可。
下面我们来总结一下手动分页的步骤
整理一下思路,手动分页就是:
1、先拿到每次查询之后的全部数据;(此为总的大数组)
2、在点击页码时,到大数组里面按页码取出对应的一段数据放到页面上。
第0步准备工作:
html中分页组件:
<el-pagination
background :model="pageData"
@current-change="handleCurrentChange"
:current-page="pageData.currentPage"
:page-size="pageData.pageSize"
:total="pageData.total"
layout="total, prev, pager, next, jumper">
</el-pagination>
data中分页对象的定义:
data() {
return {
pageData: { // 用于分页请求的 obj
currentPage: 1, //当前页
pageSize: 10, // 一页放多少数量
total: 0 // 总共数据量
}
}
}
第一步:“ 拿到每次查询之后的全部数据 ”
卧槽项目太赶了,等忙完回来再写-------2020.1.6. 16:56