ant vue select 可以选择的同时可以像input一样输入内容

Ant Design Vue也提供了Input和Select组件，可以结合使用实现输入和选择的功能。你可以在Select组件中设置`show-search`属性为true，同时设置`filterable`属性为false，就可以实现在Select中输入内容的功能了。

以下是一个例子：

<template>
  <a-select
    mode="multiple"
    :placeholder="'请选择或输入'"
    :show-search="true"
    :filterable="false"
    :option-filter-prop="'value'"
    :default-active-first-option="false"
    @change="handleChange"
    style="width: 200px"
    v-model="selectedOptions"
  >
    <a-select-option v-for="option in options" :key="option.value" :value="option.value">{{ option.label }}</a-select-option>
  </a-select>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: 'Option 1', value: '1' },
        { label: 'Option 2', value: '2' },
        { label: 'Option 3', value: '3' },
      ],
      selectedOptions: [],
    };
  },
  methods: {
    handleChange(value) {
      console.log(`selected ${value}`);
    },
  },
};
</script>

在上面的例子中，我们使用了`mode="multiple"`来设置为多选模式，使用了`show-search`属性来显示搜索框，使用了`filterable`属性为false来禁用选择框的自动筛选功能，使用了`option-filter-prop`属性来设置搜索过滤规则，同时使用了`default-active-first-option`属性为false来禁用默认选中第一个选项。当用户在Select组件中输入内容时，会触发`change`事件。你可以通过在`change`事件处理函数中获取`value`参数来获取用户选择或输入的内容。