在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ v-for實(shí)現(xiàn)分頁(yè)索引遞增

v-for實(shí)現(xiàn)分頁(yè)索引遞增

使用v-for生成索引,代碼如圖:
clipboard.png
第一頁(yè)的時(shí)候索引顯示正常
圖片描述

第二頁(yè)索引又從0開(kāi)始了,怎么辦???求助各位大神!??!
圖片描述

回答
編輯回答
玩控

你肯定知道當(dāng)前頁(yè)是第幾頁(yè)吧,假如page代表當(dāng)前頁(yè)數(shù),size代表每頁(yè)大小

代碼改一下

<tr v-for="(item, index) in users">
    <td>{{ page - 1 > 0 ? ((page - 1) * size + index) : index }}</td>
</tr>
2017年7月5日 12:26
編輯回答
鐧簞噯

你這是用替換要展示的數(shù)據(jù)數(shù)組做的分頁(yè)吧。
{{page*length + index}}自己拼吧

2018年5月11日 13:10
編輯回答
玄鳥(niǎo)

使用當(dāng)前的頁(yè)數(shù)計(jì)算索引,假設(shè)當(dāng)前頁(yè)數(shù)是curPage,每頁(yè)顯示10條數(shù)據(jù):

<td>{{ (curPage - 1) * 10 + index }}</td>
2017年8月4日 06:44
編輯回答
不討喜

分頁(yè)了以后v-for的循環(huán)體相當(dāng)于重置了,所以具體的索引還需要加上分頁(yè)的偏移量

2017年7月25日 20:02
編輯回答
落殤

因?yàn)榈?頁(yè)的數(shù)據(jù)是重新請(qǐng)求后臺(tái)的數(shù)據(jù)渲染的,使用pageSize*(currentPage-1) + index就可以得到遞增的序號(hào)。
注:currentPage是從1開(kāi)始的,如果是從0開(kāi)始就不需要減1

2017年12月1日 16:00
編輯回答
我甘愿

將{{index}}替換成一個(gè)表達(dá)式即可

<td>{{index+當(dāng)前頁(yè)*每頁(yè)數(shù)據(jù)條數(shù)}}</td>
2017年5月21日 05:20
編輯回答
咕嚕嚕

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

(當(dāng)前頁(yè)數(shù)-1)*每頁(yè)數(shù)據(jù)量 + index

2018年7月21日 06:59