如何在Vue 2中循环遍历对象数组和嵌套对象

Question

我有一个包含很多对象和嵌套对象的数组。 我想在vue 2应用中使用v-for遍历数组。

这是我打印完整阵列时得到的结果

[
[
{
  "id": 1,
  "title": "Dolor assumenda officiis.",
  "joke": "Esse quia non voluptas facere odio id. Aut animi vero qui corporis alias. Sunt omnis qui sunt est officia.",
  "created_at": "Jun 22, 2017",
  "creator": {
    "data": {
      "id": 1,
      "name": "Dr. Sage Braun I",
      "email": "theller@example.com",
      "joined": "Jun 22, 2017"
    }
  }
},
{
  "id": 2,
  "title": "Quod occaecati doloribus amet voluptatem.",
  "joke": "Voluptas nam harum voluptatem ipsam tempora rerum. Sunt quis nam debitis. Voluptatibus id dolor quia aut odio. Omnis saepe harum quibusdam in dolorem. Possimus voluptatem impedit sed inventore fugit omnis culpa.",
  "created_at": "Jun 22, 2017",
  "creator": {
    "data": {
      "id": 1,
      "name": "Dr. Sage Braun I",
      "email": "theller@example.com",
      "joined": "Jun 22, 2017"
    }
  }
}
]
]

这就是我试图获取数据但不加载任何内容的方式

<div class="row" v-for="u in users" >
     {{ u.id}}
 </div>

Answer 1

您似乎有一个嵌套数组。 尝试

<div class="row" v-for="u in users[0]" >
     {{ u.id}}
 </div>