Javascript 在vue/nuxt中对当前路由进行动态graphql调用

Javascript 在vue/nuxt中对当前路由进行动态graphql调用,javascript,vue.js,graphql,nuxt.js,apollo,Javascript,Vue.js,Graphql,Nuxt.js,Apollo,我想对我所在的当前路线进行graphql调用。我试着用$nuxt.$route.$path来实现它,但似乎我无法访问graphql头部的这个变量 有没有办法初始化变量并用“当前路由”替换它 我的代码: apollo: { casinos: gql `query getCasino { casinos(where: {Slug: "CURRENT_ROUTE"}) { id Brand_Name Slug

我想对我所在的当前路线进行graphql调用。我试着用$nuxt.$route.$path来实现它,但似乎我无法访问graphql头部的这个变量

有没有办法初始化变量并用“当前路由”替换它

我的代码:

apollo: {
    casinos: gql `query getCasino {
      casinos(where: {Slug: "CURRENT_ROUTE"}) {
        id
        Brand_Name
        Slug
        game_providers {
          id
          Provider_Name
          Provider_Logo_150x50 {
            url
          }
        }
      }
    }`
  },
我试着用variables()来做,但仍然不起作用,我得到了400分

第二次尝试:

apollo: {
    casinos: gql `query getCasino ($route: String!){
      casinos(where: {Slug: $route}) {
        id
        Brand_Name
        Slug
        game_providers {
          id
          Provider_Name
          Provider_Logo_150x50 {
            url
          }
        }
      }
    }`,
    variables() {
      return {
        route: this.route
      }
    }
  },