ant desigin vue 中 a-select实现可输入可选择

在Ant Design Vue中，a-select组件支持可输入的选择，通过设置showSearch属性为true即可启用。这样用户可以在下拉菜单中搜索并选择选项，而不必从列表中点选。

下面是一个简单的例子：

<template>
  <a-select
    mode="multiple"
    placeholder="请选择"
    :default-value="['a']"
    show-search
    style="width: 200px"
  >
    <a-select-option v-for="item in options" :key="item" :value="item">
      {{ item }}
    </a-select-option>
  </a-select>
</template>
 
<script>
export default {
  data() {
    return {
      options: ['Apple', 'Orange', 'Banana', 'Peach', 'Grape']
    };
  }
};
</script>

在这个例子中，a-select组件被设置为多选模式（mode="multiple"），并通过v-for指令渲染了一个可选择的选项列表。show-search属性启用了搜索功能，用户可以在输入框中输入来过滤选项。

请注意，default-value属性设置了组件的默认选中值，它接受一个数组，其元素是选项的value值。

这个例子提供了一个简单的用户界面，允许用户在多选的下拉列表中搜索并选择多个选项。