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
主站蜘蛛池模板: 欧美日韩久久 | 国产福利免费视频 | 午夜精品久久久久久久久久久久久 | 91高清在线观看 | 福利av在线| 黑人中文字幕一区二区三区 | 日韩 欧美 综合 | 久久大 | 欧美视频免费 | 久久视频免费观看 | 99精品热视频| 日韩一区中文字幕 | 欧美精品成人影院 | 国产精品一区二区三区免费观看 | 人成久久 | 在线视频91| 欧美涩 | 人人干超碰 | 久草网站| 婷婷一级片| 中文字幕国产日韩 | 国内精品久久久久久久 | 国产精品永久免费 | 亚洲一区二区久久 | 日韩精品一区二区三区 | 99精品免费 | 欧洲国产精品视频 | www.亚洲 | 亚洲免费一区 | 偷牌自拍 | 国产一区二区在线视频 | 四虎成人在线播放 | 欧美综合久久久 | 99精品国自产在线观看 | 精品在线99 | 操人视频在线观看 | 国产视频第一页 | www狠狠干 | 精国产品一区二区三区四季综 | 91在线一区| av手机在线 |