如何从 Vue-Apollo Store 读取查询()和写入查询()?

Zez*_*eds 5 apollo vue.js graphql apollo-client vue-apollo

我想手动编辑缓存中的一些数据。

如何直接从 Vue 组件的方法readQuery()writeQuery()vue-apollo 中?我正在寻找类似的东西this.$apollo.readQuery(...),但它不起作用。我store从哪里获取实例?

我的意思是来自update()eg 中方法的 store 实例this.$apollo.mutate

小智 7

在组件内部,您可以从中获取方法 this.$apollo.provider.defaultClient

  methods: {
    async doQuery (my_data) {
      const apolloClient = this.$apollo.provider.defaultClient
      apolloClient.writeQuery({
        query: QUERY,
        data: {
          data: my_data,
        },
      })
    },
Run Code Online (Sandbox Code Playgroud)