element-ui分页器的使用

一，直接上代码哈，放在这里是为了自己用时复制方便

<el-pagination
    @size-change="handleSizeChange"
    @current-change="handleCurrentChange"
    :current-page.sync="queryInfo.pageNumber"
    :page-sizes="[10, 20, 30, 40]"
    :page-count="totalPage"
    :page-size="10"
    layout="sizes, prev, pager, next">
  </el-pagination>
//数据设置
queryInfo:{      //页码信息设置
  pageNumber:1,
   pageSize:'10'
 },
 totalPage:30
//函数设置
 //每页数量变更
 handleSizeChange(val) {
   this.queryInfo.pageSize=val
 },
 //页码变更
 handleCurrentChange(val) {
   this.queryInfo.pageNumber=val
 },