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

在Vue.js中使用vue-apollo进行GraphQL查询时，如果输入变量为空，可以通过以下方式阻止查询：

在Vue组件中使用条件语句判断输入变量是否为空，然后决定是否发起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: '',
    };
  },
};

在上述代码中，variables方法会根据input的值返回相应的变量对象。如果input为空，则返回空对象，从而阻止查询。

可以使用watch属性监听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; // 恢复查询
      }
    },
  },
};

在上述代码中，通过监听input变量的变化，当input为空时，将skip属性设置为true，从而取消查询。当input有值时，将skip属性设置为false，恢复查询。

这样，无论是通过条件语句还是监听变量变化，都可以在输入变量为空时阻止vue-apollo中的GraphQL查询。