element ui的Pagination分页组件和Table表格结合使用出现当前显示页不是我们指定条数的问题

问题阐述

我使用了分页组件后设置的每页展示条数是10条，但是我第一页展示的却是19条，明显与我设置的不符

问题分析

首先我们要明白 和 el-pagination 两个组件没有任何关联。
一页显示多少条，需要通过el-pagination中的 size-change和 current-change事件，然后 手动控制 el-table的data属性值。
知道原因后就可以解决了，那么data属性该怎么设置呢？
使用slice(start,end) 截取数组

:data="dataList.slice((pageIndex - 1) * pageSize, pageIndex * pageSize)"

其中pageIndex是当前页的页码，pageSize是每页展示条数

实操

到这问题也就解决了~
注意：这个方法适用于你不使用后端自己写的分页数据展示的方法或类，否则的话可能会有冲突导致数据没法正确展示！

---

具体可以看这位博主写的：详细解释地址