apollo vue查询变量无法识别来自页面变量的数据

import { apollo, gql } from 'vue-apollo';

data() {
  return {
    queryVariables: {
      variableName: this.pageVariable,
    },
  };
},

apollo: {
  queryName: {
    query: gql`yourQuery`,
    variables() {
      return this.queryVariables;
    },
  },
},

<template>
  <div>
    <p>{{ $apollo.queries.queryName.loading ? 'Loading...' : $apollo.queries.queryName.result }}</p>
  </div>
</template>