如何从 vue.js 中的数组中获取值

Question

我有一个数组：

{ "id": 1, 
  "title": "Incidunt facere placeat nulla occaecati voluptatem voluptatem minus.", 
  "categories": [ 
     { "id": 1, 
      "name": "News", 
      "created_at": "2018-04-23 18:05:47", 
      "updated_at": "2018-04-23 18:05:47", 
      "pivot": { 
      "post_id": 1, 
      "category_id": 1 } }, { 
      "id": 2, 
      "name": "Sport", 
      "created_at": "2018-04-23 18:05:47", 
      "updated_at": "2018-04-23 18:05:47", 
      "pivot": { 
        "post_id": 1, 
        "category_id": 2 
        } 
       } 
     ]}

我可以简单地使用{{post.title}} 来获得帖子标题，但是当我使用{{post.categories.name}} 时它会返回null，因为它不是数组。

反正有类别名称吗？

Answer 1

Categories 是一个对象数组，所以这应该可以工作：

{{post.categories[0].name}} 如果你想要类别的第一个元素。