a-select optionFilterProp 的使用

`a-select` 是 Ant Design Vue 中的一个组件，用于创建下拉选择菜单。其中 `optionFilterProp` 是一个属性，它允许你在用户输入搜索关键字时动态过滤选项列表。这个属性的作用是在用户输入时，根据指定的字段（通常是 `label` 或 `value` 字段）对选项进行实时匹配。

使用 `optionFilterProp` 的步骤如下：

1. 首先，在你的 `a-select` 组件上设置 `optionFilterProp` 属性，例如如果你想基于选项的 `label` 进行过滤，可以这样做：

<a-select :options="options" v-model="selectedOption" :optionFilterProp="filterKey">
  <!-- 其他配置项... -->
</a-select>

2. 然后在 `options` 数据中定义你的选项，并且给每个选项的 `label` 或者你需要筛选的字段赋值：

data() {
  return {
    options: [
      { value: 'option1', label: '选项一' },
      { value: 'option2', label: '选项二' },
      // 更多选项...
    ],
    selectedOption: '',
    filterKey: 'label' // 这里指定了我们想根据 'label' 字段进行过滤
  };
}

3. 当用户在输入框中输入时，`optionFilterProp` 将自动应用到筛选逻辑，只显示匹配的选项。