首页 > 其他 > 详细

vue之循环v-for

时间:2017-09-22 09:38:41      阅读:301      评论:0      收藏:0      [点我收藏+]
data:{
    arr:[‘apple‘,‘banana‘,‘orange‘,‘pear‘],
    json:{a:‘apple‘,b:‘banana‘,c:‘orange‘}
}
<ul>
       <li v-for="value in arr">
            {{value}}
        </li>
</ul>

隐藏属性$index(循环时当前的索引)

<ul>
      <li v-for="value in arr">
            {{value}}   {{$index}}
       </li>
</ul>

如果是json数据

        <ul>
            <li v-for="value in arr">
                {{value}}   {{$index}}
            </li>
        </ul>
        <ul>
            <li v-for="value in json">
                {{value}}   {{$index}}  {{$key}}
            </li>
        </ul>
        <ul>
            <li v-for="(k,v) in json">
                {{k}}   {{v}}   {{$index}}  {{$key}}
            </li>
        </ul>        

 

vue之循环v-for

原文:http://www.cnblogs.com/andongWeb/p/7573101.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!