eelment-ui el-table 表格序号两种书写方式

1、在标签内直接生成

<!-- <el-table-column type="index" label="序号" width="100">
            <template #default="{ $index }">
              {{
                (pageNum - 1) * pageSize +
                $index +
                1
              }}
            </template>
          </el-table-column> -->

2、在标签内定义方法

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

        在methods内写这个方法 

 // 表格序号
        // indexMethod(index) {
        //   // this.pageNum当前页码
        //   // this.pageSize 每页条数
        //   return (this.pageNum - 1) * this.pageSize + index + 1;
        // },

注，有些码友可能会遇见数据回显的问题（数据瞬间显示、消失）这不是代码问题可能换个电脑运行或浏览器都可以