Element-UI 中的el-pagination分页功能

1.功能分页

<el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page.sync="currentPage"
          :page-size="pageSize"
          layout="total, prev, pager, next"
          :total="total"
      ></el-pagination>

pagination事件：

事件名	说明	回调参数
size-change	pageSize改变时会触发	每页条数size
current-change	currentPage改变时会触发	当前页currentPage

pagination参数：

参数	类型	说明	可选值	默认值
page-size	每页显示条目个数	Number	—	10
page-count	总页数，total 和 page-count 设置任意一个就可以达到显示页码的功能；如果要支持 page-sizes 的更改，则需要使用 total 属性	Number	—	10
current-page	当前页数，支持 .sync 修饰符	Number	—	1
layout	组件布局，子组件名用逗号分隔	sizes, prev, pager, next, jumper, ->, total, slot	—	prev, pager, next, jumper, ->, total’
total	总条数	Number	—	—

原文链接：https://blog.csdn.net/YaNyAn2_/article/details/116986518