vue中的循环指令是v-for

  1. 普通的遍历数组
    <li v-for="v in arr">{{v}}</li>

  2. 显示下标遍历数组
    <li v-for="(v,i) in arr">{{i}},{{v}}</li>
    v是值,i是下标。

  3. 遍历json对象数据
    user数据结构
    <li v-for="(v,k,i) in user">下标:{{i}} ,键:{{k}} ,值:{{v}}</li>

user:{
    name:"zs",
    age:18
}
  1. 遍历json数组
    <li v-for="user in users"> name:{{user.name}},age:{{user.age}} </li>
users:[
    {
        name:"张三",
        age:18
    },
    {
        name:"李四",
        age:20
    },
    {
        name:"王五",
        age:22
    },
]
Logo

前往低代码交流专区

更多推荐