How to add in dynamic parameters into a graphql query

Question

I want to make a GraphQL query that takes in some data from the data field of my Vue app. However, when I set up the variables hook and try to reference the object I need by using this.object, I get a cannot read 'xxx' of undefined.

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

Uncaught TypeError: Cannot read property 'presentQuestionId' of undefined is the error message that keeps on coming up.

Answer 1

variables option should be a function that returns an object like :

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