el-table分页后序号连续的两种方法

实现效果：

第一页排序到10，第二页的排序应从11开始

 

 

 实现方法一：

在el-table的序号列中使用template定义

<el-table><el-table-columnmin-width="10%"label="序号"><template slot-scope="scope"><span>{{(currentPage - 1) * pageSize + scope.$index + 1}}</span></template></el-table-column>
</el-table>

实现方法二：

在el-table的序号列中进行index的方法定义，本质上还是进行了当前页码数乘以每页条数后加1的操作。

<el-table-column label="序号" type="index" :index="indexAdd" width="50" />

在methods中：

indexAdd(index) {const page = this.pageParams.page // 当前页码const pagesize = this.pageParams.pagesize // 每页条数return index + 1 + (page - 1) * pagesize
}