uniapp中ren-dropdown-filter下拉框家搜索

uni-app中的`uni-dropdown-filter`组件是一个用于创建下拉列表，并提供过滤功能的控件。它通常包含一个输入框供用户输入关键词，当用户输入时，会自动匹配并只显示包含该关键词的选项，这提高了用户体验和数据筛选效率。

使用步骤如下：

1. 首先，在你的uni-app项目中引入`uni-picker-filter`组件：

<view>
  <uni-picker-filter v-model="selectedValue" :data="options" placeholder="请选择"></uni-picker-filter>
</view>

2. 定义数据选项 `options` 和变量 `selectedValue`：

export default {
  data() {
    return {
      options: ['选项1', '选项2', '选项3', ...], // 下拉框的数据源
      selectedValue: '', // 当前选中的值，默认为空
    };
  },
}

3. 当需要更新选项数据时，可以监听 `input-change` 事件：

methods: {
  handleInputChange(value) {
    this.options = this.filterOptions(value);
  },
  filterOptions(keyword) {
    if (!keyword) {
      return this.options;
    }
    return this.options.filter(item => item.includes(keyword));
  },
}

4. 用户完成搜索后，`selectedValue` 就会保存他们的选择。