如何使用VueJs将嵌套JSON提取到表中？

我需要用Vue创建一个表，数据来自JSON。我不知道如何为td表标签设置“Jogosultsagok”两个“Nev”值

我尝试了row.Jogosultsagok[0].Nev格式，但这不起作用，我写下了代码部分和最后的错误

HTML

JSON

---

我收到以下错误：TypeError:无法读取未定义的属性“Nev”

出现问题是因为JSON响应不一致：

row.Jogosultsagok[1]

并不总是定义为嵌套数组，有时只包含一个元素

如果缺少值，可以将表单元格保留为空来修复错误：

<template>
  <tbody>
    <tr v-for="row in get_rows()">
      <td>{{row.Id}}</td>
      <td>{{row.Nev}}</td>
      <td>{{row.Jogosultsagok[0].Nev}}</td>
      <td v-if="row.Jogosultsagok[1]">{{row.Jogosultsagok[1].Nev}}</td>
      <td v-else></td>
    </tr>
  </tbody>
</template>

{{row.Id}}
{{row.Nev}}
{{row.Jogosultsagok[0].Nev}
{{row.Jogosultsagok[1].Nev}

出现问题是因为JSON响应不一致：

row.Jogosultsagok[1]

并不总是定义为嵌套数组，有时只包含一个元素

如果缺少值，可以将表单元格保留为空来修复错误：

<template>
  <tbody>
    <tr v-for="row in get_rows()">
      <td>{{row.Id}}</td>
      <td>{{row.Nev}}</td>
      <td>{{row.Jogosultsagok[0].Nev}}</td>
      <td v-if="row.Jogosultsagok[1]">{{row.Jogosultsagok[1].Nev}}</td>
      <td v-else></td>
    </tr>
  </tbody>
</template>

{{row.Id}}
{{row.Nev}}
{{row.Jogosultsagok[0].Nev}
{{row.Jogosultsagok[1].Nev}

你能提供你的

get_rows（）

代码吗？我忘记了这一部分，但编辑了问题并添加到了代码中。你能提供你的

get_rows（）

代码吗？我忘记了这一部分，但编辑了问题并添加到了代码中。

[
  {
    "Id": 1,
    "Nev": "László",
    "Jogosultsagok": [
      {
        "Id": 1,
        "Nev": "Módosítás"
      },
      {
        "Id": 2,
        "Nev": "Olvasás"
      }
    ],
    "Eletkor": 25,
    "Regisztralt": "2019-01-31 06:45:51.557Z",
    "Munkahely": {
      "Id": 12,
      "Nev": "Cég 1"
    }
  },
  {
    "Id": 2,
    "Nev": "Péter",
    "Jogosultsagok": [
      {
        "Id": 2,
        "Nev": "Olvasás"
      }
    ],
    "Eletkor": 44,
    "Regisztralt": "2011-01-31 09:23:51.234Z",
    "Munkahely": {
      "Id": 34,
      "Nev": "Cég 2"
    }
  },
...

<template>
  <tbody>
    <tr v-for="row in get_rows()">
      <td>{{row.Id}}</td>
      <td>{{row.Nev}}</td>
      <td>{{row.Jogosultsagok[0].Nev}}</td>
      <td v-if="row.Jogosultsagok[1]">{{row.Jogosultsagok[1].Nev}}</td>
      <td v-else></td>
    </tr>
  </tbody>
</template>