<el-pagination background @size-change="handleSizeChange"
@current-change="handleCurrentChange" :current-page="currentPage"
:page-sizes="[15, 30, 45, 60]" :page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper" :total="alltotal">
</el-pagination>
background:是否添加按钮的背景颜色
layout:组件分布情况
page-sizes:每页分布情况
currentPage: 1,//当前页面
alltotal:1000,//最多条数
pageSize:15,//每页15条
//分页
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.pageSize = val; //动态改变
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.currentPage = val; //动态改变
},