用Vue返回graphyl的嵌套的totalsTo节点

问题描述

我什至不确定我是否会以正确的方式进行操作。我正在将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>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）