Vue Apollo 重新获取事件查询答案

【问题标题】：Vue Apollo refetch query on eventVue Apollo 重新获取事件查询
【发布时间】：2021-01-27 15:40:14
【问题描述】：

我的组件实例中有一个查询：

@Component({
  apollo: {
    cartProducts: {
      query: GET_CART_PRODUCTS,
      loadingKey: "loading",
    },
  }
})

它正在正确加载我的数据。然后我更改数据库中的数据并希望在单击时重新获取它们，这会调用该函数：

  refresh() {
    this.$apollo
      .query({
        query: GET_CART_PRODUCTS,
      })
      .then((res: any) => (this.cartProducts = res.data.cartProducts))
      .catch((err: any) => console.log(err));
  }

但它不会更新cartProducts 属性，也不会给我任何错误。虽然如果我刷新我的页面新数据就在那里。在我的 Apollo 配置中，我有这样的属性 fetchPolicy: "network-only"。这种行为的原因是什么？提前谢谢！

【问题讨论】：

标签： typescript vue.js graphql apollo vue-apollo

【解决方案1】：

答案很简单，不好意思打扰了，我得google一下。

   this.$apollo.queries.cartProducts.refetch()

【讨论】：