Vue2 中el-table 翻页序号连续

为了实现Vue2中el-table翻页时序号连续的效果，可以使用以下步骤：

1.在el-table中添加一列，使用type="index"属性来生成序号列，同时将:index属性绑定到一个变量上，例如table_index。

2.在el-table的@current-change事件中，重新计算序号列的值，使其连续。可以使用以下代码：

handleCurrentChange(val) {
  // 计算当前页的第一条数据的序号
  let startIndex = (val - 1) * this.pageSize + 1;
  // 更新序号列的值
  this.tableData.forEach((item, index) => {
    this.$set(item, 'table_index', startIndex + index);
  });
}

3.在el-table的@row-remove事件中，重新计算序号列的值，使其递补。可以使用以下代码：

handleRowRemove(row, index) {
  // 从删除行的下一行开始，更新序号列的值
  for (let i = index + 1; i < this.tableData.length; i++) {
    this.$set(this.tableData[i], 'table_index', this.tableData[i].table_index - 1);
  }
}