国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術文章
文章詳情頁

javascript - 關于vue的v-for遍歷的時候,index索引值能否控制在一個最大值來回輸出?

瀏覽:138日期:2023-02-21 18:20:30

問題描述

關于vue的v-for遍歷的時候,index索引值能否控制在一個最大值來回循環?

附上jsfiddle代碼地址,點擊前往jsfiddle預覽代碼>>

代碼

<script type='text/javascript'>var vm=new Vue({ el:’.list’, data:{list:[’a’,’b’,’c’,’d’,’e’,’f’,’g’] },});</script>

<p class='list'><ul> <li v-for='(item,index) in list'> {{index}}<br />{{item}} </li></ul></p>

比如希望來回循環的索引值最大是2,期望得到的結果如下:

<p clss='list'> 0 a</p><p clss='list'> 1 b</p><p clss='list'> 2 c</p><p clss='list'> 0 d</p><p clss='list'> 1 e</p><p clss='list'> 2 f</p><p clss='list'> 0 g</p>

問題解答

回答1:

<p class='list'><ul> <li v-for='(item,index) in list'> {{index%3}}<br />{{item}} </li></ul></p>

用 % 求余數?

更新:=.= 防止誤導,改成 3 了。重點是 %

回答2:

應該index%3的吧

回答3:

我覺得可以用filter給index進行處理

標簽: JavaScript
主站蜘蛛池模板: 离岛区| 湘潭市| 普宁市| 鹿邑县| 醴陵市| 潮安县| 简阳市| 云和县| 兴和县| 河北省| 麦盖提县| 綦江县| 全椒县| 安仁县| 潞西市| 镇江市| 中方县| 宜宾市| 城固县| 延长县| 彰武县| 天长市| 涡阳县| 收藏| 咸阳市| 大埔县| 青岛市| 新河县| 屯留县| 台南县| 揭西县| 双辽市| 宁阳县| 南丰县| 廉江市| 滦南县| 辛集市| 通山县| 眉山市| 河源市| 平阴县|