首页 > 其他 > 详细

VUE的for循环

时间:2018-01-01 00:04:16      阅读:265      评论:0      收藏:0      [点我收藏+]
<ul>
     <li v-for="(aff , index) in acc" :key="index">编号:{{aff.a}}
       <div>名字:{{aff.name}}</div>
       <div>年龄:{{aff.age}}</div>
     </li>
 </ul>


<script>
  data () {
    return {
      acc:[
        {a:3544, name:小米, age:50},
        {a:3543, name:中米, age:51},
        {a:3542, name:大米, age:52},
        {a:3541, name:超大米, age:53}
      ]
    }    
  }
</script>

v-for="(变量名,下标名) in 目标数组" :key="下标名"  相当于for循环在页面直接输出

VUE的for循环

原文:https://www.cnblogs.com/xiaozhu007/p/8159411.html

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