a-select 模糊搜索

`a-select` 是 Ant Design Vue 中的一个组件，它提供了一个下拉选择框，常用于用户从一系列选项中快速选择。模糊搜索功能允许用户通过输入部分关键字来查找匹配的选项，提高了用户体验。当用户开始输入时，`a-select` 会实时过滤并展示匹配的项目，这样用户无需看到所有选项就能找到他们想要的选择。

在 `a-select` 的基本用法中，你可以设置 `filterOption` 属性开启模糊搜索，通常是一个函数，它接受当前输入值、选项列表和搜索配置作为参数，并返回过滤后的选项。例如：

<template>
  <a-select v-model="selectedValue" filterOption="match">
    <a-option v-for="item in options" :key="item.value" :value="item.value">{{ item.label }}</a-option>
  </a-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { value: 'option1', label: 'Option 1' },
        // 更多选项...
      ],
    };
  },
  methods: {
    match(value, option) {
      // 这里可以根据你的需求定制模糊匹配规则
      return option.label.includes(value);
    }
  }
};
</script>