vue.js - 如何将动态参数添加到 graphql 查询中

Question

我想做一个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 是不断出现的错误消息。

Answer 1

variables选项应该是一个返回对象的函数，例如：

variables(){
    return{
     id: this.presentQuestionId
   }
}