element ui中table组件el-table中添加序号(每页都从1开始和一直递增）

每页都从1开始排序：

element-ui贴心的给我们提供了自定义索引，可以定义各种想要的序号

如下：只用增加 type=“index” 就会默认从1开始计数

    <el-table-column align="center" label="序号"  type="index" width="180"></el-table-column>

但是这种方法每一页都是从1开始排序，如果想要一直递增，就要用下面的第二种方法。 

从1开始一直递增排序： 

el-table中：

  <el-table-column label="序号" align="center" min-width="30">
             <template slot-scope="scope">
                <span v-text="getIndex(scope.$index)"> </span>
             </template>
  </el-table-column>

methods中： 

 //获取表格序号
    getIndex($index) {
        //表格序号
        return (this.currentPage - 1) * this.pageSize + $index + 1
    },

其中 currentPage是当前页，pageSize是（当前页）每页显示的条数，根据自己的字段名称修改即可。

或者可以不写methods直接简写如下：

 <el-table-column align="center" label="序号" width="180">
        <template scope="scope">
            <span>{
   
   {(currentPage - 1) * pageSize + scope.$index + 1}}</span>
        </template>
  </el-table-column>

至此问题得到解决。