vue-el-table 显示自增序号_vue表格序号自增

vue列表，生成自增的序号。代码如下：

----------------------------vue代码-----------------------------------------------

<el-table v-loading="loading" :data="hrcEquipList" >

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

  </el-table>

----------------------------------方法-----------------------------------------

pageNum:当前页数

pageSize:显示记录条数

methods: {

    hIndex(index) {

      // 当前页数 - 1 * 每页数据条数 + index + 1 （ index 是索引值，从0开始）

      return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1

    }

}

-------------------------------------------效果-------------------------------------------