vue连续序号的实现

  • Post author:
  • Post category: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>

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



版权声明:本文为weixin_45764765原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。