ElementUI的el-table表格分页的序号问题

在ElementUI的el-table组件中，如果需要显示正确的分页序号，可以使用index属性，并结合<el-table-column>的type="index"来生成行号。ElementUI会自动处理分页序号的显示，确保每一页的行号都是从1开始计数的。

以下是一个简单的例子：

<template>
  <el-table :data="tableData" style="width: 100%">
    <!-- 序号列 -->
    <el-table-column type="index" label="序号">
      <!-- 此处可以自定义索引，如(scope.$index + 1)，显示为从1开始的索引 -->
      <!-- <template slot-scope="scope">
        {{ scope.$index + 1 }}
      </template> -->
    </el-table-column>
    <!-- 其他列 -->
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        // ...数据项
      ]
    };
  }
};
</script>

在这个例子中，<el-table-column type="index" label="序号">会自动为表格每一行生成一个序号，并且在进行分页时，序号会自动维护正确的顺序。如果需要自定义索引的显示方式，可以使用<template>标签并在其中使用scope.$index来获取当前行的索引，然后进行相应的处理。