猿问

v-for实现分页索引递增

使用v-for生成索引,代码如图:

第一页的时候索引显示正常
https://img.mukewang.com/5c8f0f2f0001e50806480485.jpg

第二页索引又从0开始了,怎么办???求助各位大神!!!

https://img2.mukewang.com/5c8f0f320001b63c07850144.jpg

开心每一天1111
浏览 1365回答 7
7回答

当年话下

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

开满天机

将{{index}}替换成一个表达式即可<td>{{index+当前页*每页数据条数}}</td>

慕盖茨4494581

自己写或者使用插件原理都差不多(当前页数-1)*每页数据量 + index

慕森王

你肯定知道当前页是第几页吧,假如page代表当前页数,size代表每页大小代码改一下<tr v-for="(item, index) in users">&nbsp; &nbsp; <td>{{ page - 1 > 0 ? ((page - 1) * size + index) : index }}</td></tr>

白板的微信

使用当前的页数计算索引,假设当前页数是curPage,每页显示10条数据:<td>{{&nbsp;(curPage&nbsp;-&nbsp;1)&nbsp;*&nbsp;10&nbsp;+&nbsp;index&nbsp;}}</td>
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答