elementui中如何实现翻页表格中的序号翻页如何递增

gyo

于 2021-08-18 16:03:41 发布

阅读量525

点赞数 3

分类专栏：笔记文章标签： vue elementui

本文链接：https://blog.youkuaiyun.com/qq_41344259/article/details/119782500

版权

笔记专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在Element UI中使用el-table-column的index属性配合分页设置，实现表格中序号随页数翻页的递增效果。通过设置currentPage和pageSize数据，以及编写indexMethod方法来确保序号计算的正确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

elementui中如何实现翻页表格中的序号翻页如何递增

1.在el-table-column增加:index

<el-table-column  type="index"  label="序号"  :index="indexMethod"/>

2.data中属性（两项数据绑定在element分页中分页方法上）

currentPage：当前所在页码

pagesize：当前每页条数

3.methods中增加方法

indexMethod (index) {  
 let curpage = this.currentPage   //单前页码，绑定于data属性
 let limitpage = this.pagesize    //每页条数，绑定于data属性
 return (index+1) + (curpage-1)*limitpage},