后台系统+elementUI的分页器功能的实现及相关问题的解决

分页功能：

table 是支持高度设置的：

height Table 的高度，默认为自动高度。如果 height 为 number 类型，单位 px；如果 height 为 string 类型，

则这个高度会设置为 Table 的 style.height 的值，Table 的高度会受控于外部样式。 string/number

首先给父盒子添加一个90&的高度，然后在table组件添加 height="90%",给它一个90%的高度。就会跟着外部盒子的大小而改变。

添加分页器，element搜索page，===>Pagination 分页:

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

属性

Element UI 的分页器组件有几个常用的属性：

• total: 总数据量。
• page-size: 每页显示的数据量，默认为10。
• current-page: 当前页码，默认为1。
• l