Vue antdv a-select 内容搜索过滤（filterOption，包含 vue2 vue3）

<template>
  <a-select
    showSearch
    style="width: 200px"
    placeholder="输入搜索内容"
    :filterOption="filterOption"
    :getPopupContainer="(triggerNode) => triggerNode.parentNode"
  >
    <a-select-option :value="0">DZM</a-select-option>
    <a-select-option :value="1">XYQ</a-select-option>
    <a-select-option :value="2">DJY</a-select-option>
  </a-select>
</template>
<script>
export default {
  methods: {
    // 将输入的内容与显示的内容进行匹配
    filterOption (value, option) {
      return option.componentOptions.children[0].text.indexOf(value) >= 0
    }
  }
}
</script>

<template>
  <a-select
    show-search
    style="width: 200px"
    placeholder="输入搜索内容"
    :getPopupContainer="(triggerNode) => triggerNode.parentNode"
    :filter-option="filterOption"
  >
    <a-select-option :value="0">DZM</a-select-option>
    <a-select-option :value="1">XYQ</a-select-option>
    <a-select-option :value="2">DJY</a-select-option>
  </a-select>
</template>
<script setup>
// 模糊匹配
function filterOption (input, option) {
  return `${option.key}`.toLowerCase().includes(`${input || ''}`.toLowerCase())
}
</script