先看样式
步骤:
1.后端需要传接受两个参数:size(每页多少条数据)page(当前是几页)
后端要返回来一个total(一共多少条数据)
2.HTML
<a-pagination
class="pagination"//样式
:pageSize="queryParam.size"//每页多少条
v-model="queryParam.page"//当前是第几页
:pageSizeOptions="pageSizeOptions"//自定义的每页多少条数据的数组
@change="pageChange"//切换页数的change事件
:showSizeChanger="true"
@showSizeChange="showSizeChange"//切换每页多少条的事件
:total="total"
/>
3.data
page: 1,
size: 50,
pageSizeOptions: ['50', '100', '500', '1000'],
total: 0,
4.methods
// 分页
pageChange (current) {
this.queryParam.page = current
this.getTableList()
},
showSizeChange (current, pageSize) {
this.queryParam.size = pageSize
this.getTableList()
}