javascript - 关于vue的v-for遍历的时候，index索引值能否控制在一个最大值来回输出？

问题描述

关于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>

问题解答

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

用 % 求余数？

更新：=.= 防止误导，改成 3 了。重点是 %

应该index%3的吧

我觉得可以用filter给index进行处理