如何将动态参数添加到 graphql 查询中

Posted

技术标签:

【中文标题】如何将动态参数添加到 graphql 查询中【英文标题】:How to add in dynamic parameters into a graphql query 【发布时间】:2019-12-30 18:54:20 【问题描述】:

我想做一个 GraphQL 查询,从我的 Vue 应用程序的数据字段中获取一些数据。但是,当我设置变量挂钩并尝试使用 this.object 引用我需要的对象时,我得到一个无法读取未定义的“xxx”。

apollo: 
    question: 
      query: gql `
      query question($id: Int!) 
        question(id: $id)
          ...
        
      
`, variables:  id: this.presentQuestionId
    
  ,

Uncaught TypeError: Cannot read property 'presentQuestionId' of undefined 是不断出现的错误消息。

【问题讨论】:

【参考方案1】:

variables 选项应该是一个返回如下对象的函数:

variables()
    return
     id: this.presentQuestionId
   

【讨论】:

以上是关于如何将动态参数添加到 graphql 查询中的主要内容,如果未能解决你的问题,请参考以下文章

如何将变量添加到 GraphQL 文件查询

如何使用graphql将动态数量的变量保存到数据库中?

摸索graphQL在前端vue中使用过程

如何将查询逻辑添加到基于 graphql-sequelize 的设置?

在 graphql 查询中包装组件时出错

GraphQL 如何使用 Nestjs 或 type-graphql 设置查询 MongoDB ref 集合