v-for实现分页索引递增

Question

使用v-for生成索引，代码如图：第一页的时候索引显示正常第二页索引又从0开始了，怎么办？？？求助各位大神！！！

Answer 1

你这是用替换要展示的数据数组做的分页吧。
{{page*length + index}}自己拼吧

Answer 2

将{{index}}替换成一个表达式即可

<td>{{index+当前页*每页数据条数}}</td>

Answer 3

自己写或者使用插件原理都差不多

(当前页数-1)*每页数据量 + index

Answer 4

你肯定知道当前页是第几页吧，假如page代表当前页数，size代表每页大小

代码改一下

<tr v-for="(item, index) in users">

    <td>{{ page - 1 > 0 ? ((page - 1) * size + index) : index }}</td>

</tr>

Answer 5

使用当前的页数计算索引，假设当前页数是curPage，每页显示10条数据：

<td>{{ (curPage - 1) * 10 + index }}</td>