Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在vue 2中循环遍历对象数组和嵌套对象_Javascript_Arrays_Vue.js_Vuejs2 - Fatal编程技术网

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

Javascript 如何在vue 2中循环遍历对象数组和嵌套对象,javascript,arrays,vue.js,vuejs2,Javascript,Arrays,Vue.js,Vuejs2,我有一个包含很多对象和嵌套对象的数组。我想在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_

我有一个包含很多对象和嵌套对象的数组。我想在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>

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

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

你试了什么?到目前为止显示你的JS代码。你想循环查看数组中的属性或项目吗?我编辑了问题,请参阅最后一部分。.是的,我尝试了相同的方法,但我以前遇到错误,但现在相同的代码工作:我可以使用u.id获取第一个对象,要从creator对象获取id,我需要使用u.creator.data.id谢谢你抽出时间。