javascript - 关于vue的v-for遍历的时候,index索引值能否控制在一个最大值来回输出?
typecho
typecho 2017-07-05 11:02:34
[JavaScript讨论组]

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

Following the voice in heart.

全部回复(3)
滿天的星座
<p class="list">
<ul>
  <li v-for="(item,index) in list">
    {{index%3}}<br />{{item}}
  </li>
</ul>
</p>

用 % 求余数?

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

PHP中文网

应该index%3的吧

三叔

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号