Element 分页代码

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;
  },
}