vue.js - 使用Vue返回belongsTo的graphql嵌套节点

Question

我什至不确定我是否以正确的方式去做这件事。我将 GraphQL 与 Gridsome 一起使用。我想显示每个类别的 1 个最近的帖子。

此查询有效：

query ($page: Int) {
  allCategory(page: $page) {
    edges {
      node {
        title
        belongsTo(filter: {typeName: {eq: Blog}}, limit: 1) {
          edges {
            node {
              id
              ... on Blog {
                id
                title
              }
            }
          }
        }
      }
    }
  }
}

我正在尝试找出 Vue 的语法。除了返回每个类别标题之外，这不起作用：

<div v-for="edge in $page.allCategory.edges" :key="edge.node.id">
    <h2>
        {{ edge.node.title }}
    </h2>

    <div v-for="element in $page.allCategory.belongsTo.edges" :key="element.node.id">
        {{ element.node.title }}
    </div>

</div>

标签： vue.jsgraphqlgridsome