纯前端使用element-ui，如何实现el-table分页

首先下载element组件，在main.js中引入

然后再el-table下写入分页，调整相关样式。

 <el-pagination

      @size-change="handleSizeChange"

      @current-change="handleCurrentChange"

      :current-page="currentPage"

      :page-sizes="[1, 2, 3, 4]"

      :page-size="pageSize"

      layout="total, sizes, prev, pager, next, jumper"

      :total="tableData.length">

    </el-pagination>

再data中定义

  currentPage: 1, //当前页

      pageSize:1,//每页展示的数据

 接下来，需要将每页的条数和当前页进行更改

最后，再el-tabe中 写入:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"

这样就可以实现纯前端分页了。