Vue-apollo 从另一个组件重新获取查询
Vue-apollo refetch query from another component
我想知道是否可以从一个组件重新获取查询，以便在不刷新组件本身的情况下在另一个组件中更新它。突变后，我看到 apollo 缓存已更新，但我没有看到我的其他组件中的数据已经“活着”。
我的全局 apollo 获取策略是：
watchQuery: {
fetchPolicy: 'cache-and-network'
}
我发现，我需要 update 直接使用 writeQuery 我的缓存。因为 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 })
}
})
我想知道是否可以从一个组件重新获取查询，以便在不刷新组件本身的情况下在另一个组件中更新它。突变后，我看到 apollo 缓存已更新，但我没有看到我的其他组件中的数据已经“活着”。 我的全局 apollo 获取策略是：
watchQuery: {
fetchPolicy: 'cache-and-network'
}
我发现，我需要 update 直接使用 writeQuery 我的缓存。因为 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 })
}
})