无法为单个对象中的对象数组 v-for答案

【问题标题】：Unable to v-for an object array in an single object无法为单个对象中的对象数组 v-for
【发布时间】：2021-06-17 02:24:34
【问题描述】：

我需要一些帮助才能在 NuxtJS 中使用 v-for。

我有一个包含标签对象列表的对象，如下所示：

{
  "id": 5,
  "title": "example",
  "tags":[
  {
    "id":3,
    "name":"a",
    "description":null
  },
  {
    "id":4,
    "name":"b",
    "description":null
  }]
}

INFORMATION：这些数据是通过 fetch() 检索到的，它调用了一个 Strapi API 端点（存储在情节中）

这是我进入标签的循环：

<span class="badge bg-red-500" :v-for="tag in episode.tags" :key="tag.id">
    {{tag.name}}
</span>

当我这样做时，我会收到一条错误消息 Cannot read property 'name' of undefined 或 Cannot read property 'id' of undefined（这取决于我是否使用 tag 或 tag.id 作为键）

我需要了解为什么会出现该错误（我了解标签为空，但为什么）。另一件事，如果我写例如episode.tags[0].name

，我可以访问标签

我真的需要帮助来理解为什么这个循环不起作用。如果有人帮我解决这个问题，请提前感谢所有帮助。

【问题讨论】：

标签： javascript arrays json vue.js nuxtjs

【解决方案1】：

我已经搜索了1个多小时，当我发布问题时，1分钟就找到了问题......

因此，如果有人面临同样的问题，只需删除 : 之前的 v-for 指令，因为它是原生 VueJS 属性。不是 HTML

【讨论】：