封装分页器el-pagination,主要是因为传参不同,目前遇见过两种情况:
1、参数:当前页码&&每页显示的条数
直接通过分页器获取内容数据
<!-- 封装element-ui分页器 -->
<el-pagination
:current-page="currentPage"
:total="totalPage"
:page-size="limitPage"
:page-sizes="[3, 5, 10]"
layout="sizes, prev, pager, next,total,jumper"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
</el-pagination>
<!-- js部分的代码 -->
<script>
export default {
data() {
return {
currentPage: 1,
totalPage: 30,
limitPage: 5,
};
},
mounted() {
//获取页码
this.getPagelist();
},
methods: {
async getPagelist() {
// 传递参数:当前页码&&每页显示的条数
const { currentPage, limitPage } = this;
let pagelist