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

<div class="list">

<ul>

  <li v-for="(item,index) in list">

    {{index}}<br />{{item}}

  </li>

</ul>

</div>

比如希望来回循环的索引值最大是2,期望得到的结果如下:


https://img1.mukewang.com/5c17139700016e7202510544.jpg

慕丝7291255
浏览 565回答 1
1回答

拉莫斯之舞

<div class="list"><ul>&nbsp; <li v-for="(item,index) in list">&nbsp; &nbsp; {{index%3}}<br />{{item}}&nbsp; </li></ul></div>用 % 求余数?更新:=.= 防止误导,改成 3 了。重点是 %
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript