记录vue element table分页

element的table功能，分页跟排序两个操作，记录一下：
一、分页：前端做分页或者后端做分页

1、当数据量不大的时候，前端可以实现分页，数据量太多会卡死，就要后台实现了。

分页组件使用：

 

 

 先获取表格所有数据，然后根据每页展示条数跟当前页的变化，对数组进行操作：

①直接赋值：tableData.slice(

                  (currentPage - 1) * pageSize,

                  currentPage * pageSize

                )

 

 

 

 

 

 ②使用watch监听数据变化，进行截取

 

 点击分页的时候，也需要进行数据截取。

 

 无论是那种方法，total都要有值的，需要根据总条数变化，要不然分页的页码出不来。

2、数据量较大的时候，需要后台做分页，这个时候后台会返回总条数，将总条数赋值给total即可。