使用 Vue Router 重定向到页面后如何重新获取 apollo 查询？

Question

我通过 apollo 突变删除了页面中的一些资源：

async delete () {
  await this.$apollo.mutate({
    mutation: orderDelete,
    variables: {
      id: this.order.id
    }
  })

  this.$emit('success')
}

这是success发射器触发的方法：

onOrderDeleted () {
  this.closeModal('modalOrderDelete')

  this.$nextTick(() => {
    this.redirectToClient()
  })
},
redirectToClient () {
  this.$router.push({
    name: 'clients.show',
    params: { clientKey: this.clientKey }
  })
}

这是发生的事情：当页面被重定向到clients.show 时，即使我删除了它，订单仍然会显示，只有在我刷新整个页面时才会更新。

所以我想知道当我重定向到此页面时如何触发查询刷新？ Apollo 可能将数据保存在缓存中而不是更新它，我不知道如何仅更新此特定查询的缓存，但所有这些都是以编程方式进行的，因为用户将通过 Vue Router 重定向。

注意：clients.show 显示了一个订单列表，因此它应该更新删除我刚刚删除的订单的订单，但它并没有改变。

Answer 1

this.$apollo.mutate() 的功能比你使用的要多：

对象如下所示：

this.$apollo.mutate({
  mutation: someGql,
  variables: {
    label: param1,
  },
  update: function(store, response) => {
    // how to update the store
  },
  optimisticResponse: theResponseYouExpect,
})

因此，您发送了gql，但没有处理来自该查询的响应（来自服务器的真实响应或乐观响应（您期望成功））

更多关于 Vue Apollo 突变here。