van-dropdown-menu 加搜索框

要在 van-dropdown-menu 中添加搜索框，您可以进行以下步骤：

1. 在 van-dropdown-menu 中添加一个输入框，并设置其 v-model 值为搜索框的值。

<van-dropdown-menu>
  <template #title>
    <van-search v-model="search" placeholder="搜索" />
  </template>
  <van-dropdown-item v-for="(item, index) in list" :key="index">{{ item }}</van-dropdown-item>
</van-dropdown-menu>

2. 在 data 中定义搜索框的值。

data() {
  return {
    search: '',
    list: ['选项1', '选项2', '选项3', '选项4', '选项5']
  };
},

3. 在计算属性中返回过滤后的列表。

computed: {
  filteredList() {
    return this.list.filter(item => item.indexOf(this.search) !== -1);
  },
},

4. 在 van-dropdown-item 循环中使用过滤后的列表。

<van-dropdown-item v-for="(item, index) in filteredList" :key="index">{{ item }}</van-dropdown-item>

完整的代码如下：

<template>
  <van-dropdown-menu>
    <template #title>
      <van-search v-model="search" placeholder="搜索" />
    </template>
    <van-dropdown-item v-for="(item, index) in filteredList" :key="index">{{ item }}</van-dropdown-item>
  </van-dropdown-menu>
</template>

<script>
export default {
  data() {
    return {
      search: '',
      list: ['选项1', '选项2', '选项3', '选项4', '选项5']
    };
  },
  computed: {
    filteredList() {
      return this.list.filter(item => item.indexOf(this.search) !== -1);
    },
  },
};
</script>