template
<el-pagination
:current-page="pagerList.currentPage"
:page-size="pagerList.pageSize"
:total="pagerList.total"
:page-sizes="[10, 20, 50, 100]"
:background="true"
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
</el-pagination>
data
data() {
return {
// 分页
pagerList: {
currentPage: 0,
pageSize: 10,
total: 0,
}
};
},
methods
methods: {
// 当前页数,重新加载数据
handleSizeChange(val) {
this.pagerList.pageSize = val;
},
// 当前页码,重新加载数据
handleCurrentChange(val) {
this.pagerList.currentPage = val;
},
}