elementUI的el-select添加filterable属性即可启用搜索功能，那vantUI的field怎么做这个功能，案例

在Vant UI中，你可以使用`<van-field>`组件结合`type="select"`来创建类似Element UI的`el-select`的下拉选择框，并添加搜索功能。Vant的`<van-field>`组件并没有直接提供`filterable`属性，但你可以通过结合`van-autocomplete`组件来实现筛选搜索。

首先，在HTML中引入`van-autocomplete`组件：

<template>
  <van-field
    placeholder="搜索选项"
    @input="handleSearchInput"
    ref="selectField"
    type="select"
  >
    <van-autocomplete
      v-model="selectedOption"
      :options="options"
      :debounce-time="200"
    ></van-autocomplete>
  </van-field>
</template>

然后，在JavaScript中处理搜索逻辑：

<script>
import { defineComponent, ref } from 'vue';
import { Autocomplete } from '@vant/auto-complete';

export default defineComponent({
  setup() {
    const options = // 这里是你的选项数据，比如一个数组，每个元素都有name字段供搜索
    const selectedOption = ref('');
    const searchOptions = (keyword) => options.filter(item => item.name.includes(keyword));
    const handleSearchInput = (value) => {
      this.$refs.selectField.value = value;
      this.options = searchOptions(value);
    };

    return {
      options,
      selectedOption,
      handleSearchInput,
    };
  },
});
</script>

当用户在`<van-field>`的输入框中输入字符时，`handleSearchInput`函数会被触发，更新`options`为匹配当前关键词的结果。