av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

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

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

瀏覽:129日期: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
主站蜘蛛池模板: 99久久精品国产一区二区三区 | 久久久女| 一级片在线视频 | 日韩欧美三区 | 欧美aaa一级片 | 日本高清视频网站 | 欧美自拍第一页 | 欧美精品1区2区3区 精品国产欧美一区二区 | 99精品视频一区二区三区 | 99re在线视频 | 激情视频中文字幕 | 国产91久久精品一区二区 | 亚洲福利电影网 | 久久不卡视频 | 日本成人中文字幕在线观看 | 国产精品成人在线 | 国产日韩久久 | 精品九九在线 | 欧洲一区二区三区 | 综合久久综合久久 | 国产精品一区二区不卡 | 一区视频 | 国产精品久久久久久久白浊 | 国产一区二区三区四区五区加勒比 | 亚洲精品久久久久久一区二区 | 人人色视频 | 免费一区二区三区在线视频 | 中文字幕一区二区三区日韩精品 | 日韩在线精品视频 | 99久久婷婷国产精品综合 | a爱视频 | 成年人国产在线观看 | 国产精品一区二区三区免费观看 | 国产精品国产a级 | 久久久毛片 | 午夜综合| gav成人免费播放视频 | 亚洲一区免费 | 国产a区 | www.av7788.com| 久久久久久久91 |