el-table前面加序号

 

https://i.cnblogs.com/posts?cateId=1048797

<template>
  <el-table
    :data="list"
    class="bg-fff"
    :row-class-name="rowIndex"
    >
    <el-table-column
      :formatter="order"
      label="序号"
      width="100">
    </el-table-column>
  </el-table>
</template>

methods: {
    rowIndex({row, rowIndex}) {
      row.rowIndex = rowIndex;
    },
    order(row) {
      return this.pageBeanInter.pageSize * (this.pageBeanInter.pageNum - 1) + row.rowIndex + 1;
    }
  }