1.首先封装分页组件
在components文件夹下新建文件夹Pagination,里面新建分页文件index.vue,以下是代码部分
<template>
<div class="pagination">
<el-pagination
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
:page-sizes="pageSizesArr"
:total="total"
:current-page="currentPage"
:page-size="pageSize"
:layout="layout"
></el-pagination>
</div>
</template>
<script>
export default {
name: "Pagination",
props: {
// 总页数
total: {
type: Number,
default: 0
},
// 当前页
currentPage: {
type: Number,
default: 1
},
// 每页显示条数
pageSize: {
type