带有多个别名的GraphQL查询和Apollo（vue.js）

Question

import gql from "graphql-tag";

export default {
  name: "Campaigns",
  data() {
    return {
      campaigns: [],
      archive: []
    };
  },
  apollo: {
    campaigns: gql`
      query getCampaigns {
        campaigns: campaigns(where: { archive: "false" }, sort: "order:DESC") {
          name
          url
        }
        archive: campaigns(where: { archive: "true" }, sort: "order:DESC") {
          name
          url
        }
      }
    `
  }

该查询返回一个“活动”数组，但“归档”数组仍然为空。

我已经尝试了切换（首先将存档别名，切换布尔值以确保我可以访问存档活动的数据等）。问题显然出在“存档”别名上。

当我对Strapi的GraphQL playground使用相同的查询时，我会得到所需的结果：

{
  campaigns: campaigns(where: { archive: "false" }, sort: "order:DESC") {
    name
  }
  archive: campaigns(where: { archive: "true" }, sort: "order:DESC") {
    name
  }
}

...返回...

{
  "data": {
    "campaigns": [
      {
        "name": "2020"
      },
      {
        "name": "2019"
      },
      {
        "name": "2018"
      },
      {
        "name": "2017"
      }
    ],
    "archive": [
      {
        "name": "2016"
      },
      {
        "name": "2015"
      }
    ]
  }
}

如何使查询在Vue.js中与Apollo一起工作？

Answer 1

我想我找到解决办法了。从技术上讲，我想这些是单独的查询（如果我是正确的，这就违背了别名的目的），但它做了我想做的事情：

  apollo: {
    campaigns: {
      query: gql`
        query {
          campaigns: campaigns(
            where: { archive: "false" }
            sort: "order:desc"
          ) {
            name
            url
          }
        }
      `
    },
    archive: {
      query: gql`
        query {
          archive: campaigns(where: { archive: "true" }, sort: "order:desc") {
            name
            url
          }
        }
      `
    }
  }

显然，在某些情况下，初始化“Apollo：{xyz：”和别名“query{xyz：”必须匹配。我在文档中看到，它们不一定必须匹配，但我不完全理解何时以及为什么。

我想我真的不能说出初始参数是做什么的。