如何在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>