vue el-table el-pagination前端实现分页 vant分页

最新推荐文章于 2024-08-06 13:53:03 发布

努力的小雷

最新推荐文章于 2024-08-06 13:53:03 发布

阅读量1k

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_49879334/article/details/112479897

版权

本文介绍了如何在Vue.js项目中利用el-table和el-pagination组件实现前端分页。通过将所有查询数据绑定到data，并使用slice方法处理每页显示的数据。同时，详细讲解了el-pagination组件的配置和使用方法，结合methods中的处理逻辑，成功地在 vant 框架下实现了前端分页功能。

摘要由CSDN通过智能技术生成

el-table
data绑定查询出来的全部数据，使用slice进行每页的数据处理

<el-table :data="emergencyExpertList.slice((currentPage-1)*pageSize,currentPage*pageSize)"
      :header-row-class-name="tableRowClassName"
       :row-class-name="tableRowClassColor" highlight-current-row border style="width:100%"
       @select="selectionChange" @select-all="selectAllChange">
        <el-table-column type="selection" width="48