vue.js - 在 Gridsome/Vue.js 中将变量传递给 GraphQL 查询

Question

我有一个使用 GraphQL 后端运行的 Vue.js 应用程序，并将 Gridsome 作为 Vue.js 样板生成器。

我正在尝试编写一个 GraphQL 查询以仅返回登录用户的数据，如下所示：

query Blah($test: String!) {
  db {
  settings (where: {user_id: {_eq: $test}})
  {
    key
    value
  }
}

使用此处定义的 $test 变量：

export default {
    data() {
        return {
            test: "Va123",
            user: null
        };
    }
}

但我收到此错误消息：

An error occurred while executing query for src/pages/Profile.vue

Error: Variable "$test" of required type "String!" was not provided.

这是一个 Girdsome页面，而不是模板