如果输入变量为空，则阻止vue-apollo中的graphql查询

import { gql } from 'apollo-boost';
import { ApolloQuery } from 'vue-apollo';

export default {
  name: 'MyComponent',
  apollo: {
    myQuery: {
      query: gql`
        query MyQuery($input: String!) {
          // GraphQL查询语句
        }
      `,
      variables() {
        if (this.input) {
          return { input: this.input };
        }
        // 如果输入变量为空，则返回空对象，阻止查询
        return {};
      },
    },
  },
  data() {
    return {
      input: '',
    };
  },
};

import { gql } from 'apollo-boost';
import { ApolloQuery } from 'vue-apollo';

export default {
  name: 'MyComponent',
  apollo: {
    myQuery: {
      query: gql`
        query MyQuery($input: String!) {
          // GraphQL查询语句
        }
      `,
      variables() {
        return { input: this.input };
      },
    },
  },
  data() {
    return {
      input: '',
    };
  },
  watch: {
    input(newInput) {
      if (!newInput) {
        this.$apollo.queries.myQuery.skip = true; // 取消查询
      } else {
        this.$apollo.queries.myQuery.skip = false; // 恢复查询
      }
    },
  },
};