Vue-apollo 从另一个组件重新获取查询

Posted 2023-03-10

【中文标题】Vue-apollo 从另一个组件重新获取查询

【英文标题】：Vue-apollo refetch query from another component

【发布时间】：2021-04-19 14:50:08

【问题描述】：

我想知道是否可以从一个组件重新获取查询，以便在另一个组件中更新它而不刷新组件本身。突变后，我看到阿波罗缓存已更新，但我没有看到我的其他组件中已经“活着”的数据。 我的全球 apollo 获取策略是：

watchQuery: 
  fetchPolicy: 'cache-and-network'

【参考方案1】：

我发现，我需要直接使用writeQuery 来update 我的缓存。因为refetchQuery 给了你一个新对象，但是如果你想让它变得活泼，你需要在你的 apollo 缓存中改变你现有的对象。一个代码示例是：

  .mutate(
    mutation: CREATE_USER,
    variables:  ...user ,
    update(store,  data:  createUser  ) 
      const data = store.readQuery( query: LIST_USERS )
      data.users.items.push(createUser)
      store.writeQuery( query: LIST_USERS, data )
    
  )