uniapp uni-ui下拉框搜索

Uni-UI提供了一个组件名为uni-select，支持下拉框搜索功能。该组件可以展示一个下拉框，用户可以通过输入文本搜索选项，匹配到的选项会自动展示在下拉框中。下面是一个简单的示例代码：

<template>
  <view>
    <uni-select
      v-model="selected"
      :options="options"
      :searchable="true"
      placeholder="请选择"
    ></uni-select>
  </view>
</template>

<script>
export default {
  data() {
    return {
      selected: '',
      options: [
        { value: 'option1', label: '选项一' },
        { value: 'option2', label: '选项二' },
        { value: 'option3', label: '选项三' },
        { value: 'option4', label: '选项四' },
        { value: 'option5', label: '选项五' },
      ],
    };
  },
};
</script>

在上述代码中，我们定义了一个uni-select组件，设置了以下属性和方法：

- v-model：用于双向绑定选中的值；
- options：下拉框中的选项列表；
- searchable：是否启用搜索功能；
- placeholder：下拉框的占位符文本。

通过这些设置，我们可以实现一个带搜索功能的下拉框。用户可以通过输入文本来快速筛选选项，从而方便地选择需要的值。