element-ui 分页插件

1
2
3
4
5
6
7
8
9
10
11
12
<div class="pd-10">
  <el-pagination
    @size-change="(e) => handleSizeChange(e)"
    @current-change="handleCurrentChange"
    :current-page="currentPage"
    :page-sizes="[100, 200, 300, 400, 500]"
    :page-size="pageSize"
    layout="total, sizes, prev, pager, next, jumper"
    :total="total"
    background>
  </el-pagination>
</div>
1
2
3
4
5
6
7
8
9
handleSizeChange(e) {
    this.currentPage = 1
    this.pageSize = e
    this.load()
},
handleCurrentChange(pageNum) {
    this.currentPage = pageNum
    this.load()
}