前端分页_前端分页

1、适合情形

前端分页一般用于数据量较小的情况，一次请求把数据全部从后端请求回来。

2、前端分页例子

前端分页代码示例​github.com

cd front-end-page                   进入front-end-page 文件夹下

npm install                         安装依赖

npm run dev                         运行

3、实现关键

使用计算属性对获取的数据进行处理，即computed中frontEndPageChange方法。el-table中的:data绑定frontEndPageChange。

<el-table
  :data="frontEndPageChange"
  stripe
  style="width: 1000px;margin:30px auto;"
  height="550"
>
</el-table>

computed: { // 计算属性对数据进行处理 frontEndPageChange() {
  let start = (this.paginationO