如何循環訪問vue 2中的對象數組和對象嵌套對象

我有一個包含大量對象和嵌套對象的數組。我想在vue 2應用程序中使用v-for循環訪問數組。如何循環訪問vue 2中的對象數組和對象嵌套對象

這裏是我所得到的，如果我打印出完整的陣列

[ 
[ 
{ 
    "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": "[email protected]", 
     "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": "[email protected]", 
     "joined": "Jun 22, 2017" 
    } 
    } 
} 
] 
]

這是我想獲得的數據，但它不會加載任何

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

來源

2017-06-30 sadek

你試過了什麼？顯示你的JS代碼到目前爲止。 – Capsule

你想循環通過屬性或數組中的項目？ – kevguy

我編輯的問題，請參閱最後一部分.. – sadek

你似乎有一個嵌套數組。嘗試

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

來源

2017-06-30 03:36:50 frozen

是的，它的工作我嘗試了相同的方式，但我得到了錯誤之前，但現在相同的代碼工作:) 我可以得到第一個對象使用u.id並獲得創作者對象的ID我需要使用u.creator.data.id 謝謝你的時間。 – sadek

如何循環訪問vue 2中的對象數組和對象嵌套對象

回答

相關問題