Javascript 如何将两个数组JSON映射到vue中的数据

我有JSON数据，在一张表中有两个不同的数组。 我想显示每个组织页面，然后每个页面都有选择此组织的用户的每个评论

{
ListOrg: {
id: 1613,
name_org: "US company",
rating: 0,
},
Review: [
{
review_id: 3,
org_id: 1613,
user_id: 2,
description: "Very good",
rating: 3,
user: {
id: 2,
  name: "Kunjanaphorn",
  firstname: "Kunjanaphorn",
  lastname: "Boonmak",
  admin: 0,
  email: "Pim@gmail.com",
}
},
{
review_id: 4,
org_id: 1613,
user_id: 3,
description: "Not bad",
rating: 5,
user: {
  id: 3,
  name: "Kan",
  firstname: "Kan",
  lastname: "Tippayamontree",
  admin: 0,
  email: "First@gmail.com",
}
}
]
}

但我无法将其映射到vue.js中的数据。我尝试了这个解决方案，但它不起作用

  data() {
    return {
      Listorgs: [],
      Reviews: [],
      Listorg: {
        name_org: "",
        picture: "",
        headerpic: "",
        description: ""
      }

  mounted() {
    axios.get("/api/listorgs/" + this.id).then(response => {
      var listorg = response.data;
      this.Reviews = listorg.Review;
      this.Listorgs = listorg.Listorg;
    });
  }

你能告诉我语法吗

---

我希望每个数组中都有一些属性->数组ListOrg中的name\u org（string）、数组Review中的description（string）、Review数组中的user数组中的name（string）和firstname（string），以便在vue页面中显示

---

我已经帮你做了一点改变，让它工作起来，看看吧

---

如果有任何问题，请询问我。

您现在得到的是什么样的结果，您希望得到什么样的结果？我希望每个数组中都有一些属性->数组列表组织中的名称组织（字符串）、数组审阅中的描述（字符串）、审阅数组中的用户数组中的名称（字符串）和名字（字符串）。请添加您的模板。我想，您可以使用

v-for

指令添加它。显示您需要显示的字段。@varit05 I用于检查console.log（ListOrgs.length）的托盘；但它显示0

ListOrgs

是对象，对象没有

length

属性。您希望在UI中显示哪些字段？谢谢，它可以工作，但如果我使用Axios获得JSON数据。你能告诉我获取response.data时的语法吗？通常我会使用

。然后（{data}=>

从response中解构数据属性。然后使用data.ListOrg访问ListOrg

  var listorg = response.data;
  this.orgData = listorg.ListOrg;
  this.reviews = listorg.Review.map((review) => {
    return {
      name_org: listorg.ListOrg.name_org,
      description: review.description,
      user: review.user
  };
  });