vue.js - 在 Vue-apollo 中使用 gql-tag 构造查询字符串

Question

我相信可以使用 JS 动态构造 GraphQL 查询字符串，但我无法弄清楚语法。我的 Vue 组件中有一个查询，如下所示：

  apollo: {
    metricsOee: {
      query: METRICS_OEE,
      loadingKey: 'loading',
      variables() {
        return {
          widgetType: this.data.name,
          page: 'dashboard',
          currentMetricDay: this.currentTime
        }
      }
    }
  }

我不想每次都从我的组件中传递 currentTime ，而是在查询本身中计算它。我这样做的尝试如下所示：

[![在此处输入图像描述][1]][1]

我理解gql``与JS插值不一样，但这是为了说明问题
[1]：https ://i.stack.imgur.com/qwgpw.png

Answer 1

您可能需要${currentMetricDay}用双引号括起来：

...
metricsOee: getMetricsOee(
currentMetricDay: "${currentMetricDay}"
widgetType: $widgetType
page: $page
)
...