el-table 组件 序号递增

需求：element ui Table组件分页序号依次递增。
实现原理：利用分页的页数和条数算出对应的序号。

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

//获取表格序号
getIndex($index) {
  //表格序号
  return (this.page.current - 1) * this.page.size + $index + 1
}

参考文章：
element-ui的el-table中添加递增序号