Vue 3中的反应性查询Apollo GraphQl

Question

尝试根据 https://v4.apollo.vuejs.org/guide-option/queries.html#reaeactive-query-definition ，但我无法让他们上班。

错误：

未被发现（在承诺中）错误：无效的ast节点：{query：{chink：nocument''，定义：[array]，loc：[object]}，loadingKey：“ loading”}。

查询内部导出默认值（检查是一个反应性布尔 v-model 'ed to data（data（））定义的按钮：

apollo: {
    getTags: getTags,
        getPhotos: {
        query() {
            if (this.checked)
                return {
                    query: getPhotos,
                    loadingKey: "loading",
                }
            else {
                return {
                    query: getPhotosByTag,
                    loadingKey: "loading",
                }
            }
        },
        update: (data) => data.getPhotos || data.getPhotos,
        },
},

gql getPhotoSbyTag：

const getPhotosByTag = gql`
    query getPhotosByTag {
        getPhotos: findTagByID(id: 326962542206255296) {
            photos {
                data {
                    name
                    description
                    _id
                }
            }
        }
    }
`

gql getphotos：

const getPhotos = gql`
    query getPhotos {
        getPhotos: getPhotos(_size: 50) {
            data {
                name
                description
                _id
            }
        }
    }
`

如果我将它们带到单独的查询中并尝试尝试使用并尝试尝试更新使用检查和！检查在查询定义中，只有初始加载才能提供查询，如果我单击按钮新查询不会启动。查询自己可以很好地工作。

Answer 1

apollo: {
    getPhotos: {
        query() {
            return this.checked ? getPhotos : getPhotosByTag
        },
        loadingKey: "loading",
        update: (data) => data.getPhotos || data.getPhotos,
    },
},

加载密钥必须与查询相同的级别