猿问
v-for实现分页索引递增
使用v-for生成索引,代码如图:
第一页的时候索引显示正常
第二页索引又从0开始了,怎么办???求助各位大神!!!
开心每一天1111
浏览 1365
回答 7
7回答
当年话下
你这是用替换要展示的数据数组做的分页吧。{{page*length + index}}自己拼吧
0
0
0
开满天机
将{{index}}替换成一个表达式即可<td>{{index+当前页*每页数据条数}}</td>
0
0
0
慕盖茨4494581
自己写或者使用插件原理都差不多(当前页数-1)*每页数据量 + index
0
0
0
慕森王
你肯定知道当前页是第几页吧,假如page代表当前页数,size代表每页大小代码改一下<tr v-for="(item, index) in users"> <td>{{ page - 1 > 0 ? ((page - 1) * size + index) : index }}</td></tr>
0
0
0
白板的微信
使用当前的页数计算索引,假设当前页数是curPage,每页显示10条数据:<td>{{ (curPage - 1) * 10 + index }}</td>
0
0
0
随时随地看视频
慕课网APP
相关分类
JavaScript
我要回答