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

在使用element-ui的el-table组件进行分页时，序号通常需要保持在不同页之间是连续的。以下是两种实现方法：

方法一：使用index属性

在el-table-column中使用type="index"可以生成一个索引列，并且会自动为每行生成一个序号，序号是连续的。

<el-table :data="tableData" style="width: 100%">
  <el-table-column type="index" label="序号"></el-table-column>
  <!-- 其他列的定义 -->
</el-table>

方法二：使用(row, index)插槽

如果你需要更复杂的索引显示，可以使用作用域插槽<template slot-scope="scope">来自定义索引列。

<el-table :data="tableData" style="width: 100%">
  <el-table-column label="序号">
    <template slot-scope="scope">
      {{ (currentPage - 1) * pageSize + scope.$index + 1 }}
    </template>
  </el-table-column>
  <!-- 其他列的定义 -->
</el-table>

在这里，currentPage是当前页码，pageSize是每页显示的条数，scope.$index是当前行的索引（从0开始）。通过这种方式，你可以在分页时保证序号的连续性。