element ui 分页

1.表格下接分页器代码

</el-table>

          <!-- 分页器 -->

          <div>

            <el-pagination @size-change="handleSizeChange"

                           @current-change="handleCurrentChange"

                           :page-sizes="[10, 15, 20]"

                           :page-size="pageSize"

                           layout="total, sizes, prev, pager, next, jumper"

                           :total="total">

            </el-pagination>

          </div>

2.data里放入全局参数

      currentPage: 1, // 当前页码

      total: 0, // 总条数

      pageSize: 10, // 每页的数据条数

3.  分页对应的方法

    //分页的方法

    handleSizeChange(val) {

      this.pageSize = val

      this.getList()

    },

    handleCurrentChange(val) {

      this.currentPage = val

      this.getList()

    },