码迷,mamicode.com
首页 > 其他好文 > 详细

v-for循环

时间:2019-12-07 16:08:12      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:取名字   开始   获取   结合   获取值   使用   name   aaa   list   

v-for 在组件中使用,必须要与key相结合 

1、循环数组 item in list    (item,i) in list

  【1,2,3,4,5,6,7,8,9】

2、循环对象数组   item in list    (item,i) in list     可以通过item.id获取id   item.name获取名字

  list【

  {id:1,name:"aaaa"},

  {id:2,name:"bbbb"},

  {id:3,name:"cccc"},

  {id:4,name:"dddd"},

  】

3、循环对象   (val,key) in list    (item,i) in list     可以通过item.val获取值   item.key获取键

  list【

   user{

    name:‘aaaa‘,

    age:18,

    }

  】

4、迭代数字   从1开始进行循环

  <p v-for="item in 10">共循环{{item}}次</p>

v-for循环

标签:取名字   开始   获取   结合   获取值   使用   name   aaa   list   

原文地址:https://www.cnblogs.com/Progress-/p/12001875.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!