vue连续序号的实现

一、场景

使用原本的index作为视图的序号，当下一页时，会重新编号，如第一页序号是1，2，3，4，5；第二页还是1，2，3，4，5

那么当我们希望序号是连续的，也就是第二页序号变成6，7，8，9，10等等。

二、实现

原来的（不连续的序号）：

 <el-table-column type="index" width="50"/>

修改成（连续的序号）：

<el-table-column
  label="序号"
  width="50">
  <template slot-scope="scope">
      {{ (page - 1) * limit + scope.$index + 1 }}
  </template>
</el-table-column>

这样定义的序号也就和分页有了关联