如何使用Nuxtjs访问Vuex存储中的this。$ apollo.query?

时间:2020-10-29 20:44:19

标签: javascript vue.js vuejs2 vuex nuxtjs

继续获取该查询是不确定的...谁能告诉我如何使用Nuxtjs访问Vuex存储中的$ apollo.query吗?

import gqlGetAllTags from '~/apollo/queries/gqlGetAllTags.gql'

@Module({
  stateFactory: true,
  namespaced: true,
  name: 'products',
})
export default class Products extends VuexModule {
  product: Array<object> = []

  @Mutation
  GET_PRODUCT(product: Array<object>) {
    this.product = product
  }

  @Action({ rawError: true })
  async getProduct() {
    const collection = await this.$apollo.query({
      query: gqlGetAllTags,
      variables: {
        handle: 'nirvana',
      },
    })
    this.context.commit('GET_PRODUCT', collection)
  }
}

1 个答案:

答案 0 :(得分:0)

您可以像这样在Vuex操作中使用Appolo提供程序。

const collection = await this.app.apolloProvider.clients.defaultClient
  .query({
    query: gqlGetAllTags,
    variables: {
      handle: 'nirvana',
    },
  })