vue可输入的下拉选择框

在Vue中，可以使用下拉选择框（Select）和可输入的下拉选择框（Select with search）来实现这个功能。对于可输入的下拉选择框，可以使用Vue-Select插件。

Vue-Select是一个功能强大的选择框组件，支持单选、多选、搜索、分组等功能。以下是一个简单的示例：

1. 首先，安装Vue-Select插件：

npm install vue-select --save

2. 在Vue组件中引入Vue-Select：

<template>
  <div>
    <v-select v-model="selected" :options="options"></v-select>
  </div>
</template>

<script>
import vSelect from 'vue-select'

export default {
  components: {
    'v-select': vSelect
  },
  data () {
    return {
      selected: null,
      options: [
        {label: '选项1', value: '1'},
        {label: '选项2', value: '2'},
        {label: '选项3', value: '3'}
      ]
    }
  }
}
</script>

3. 在模板中使用Vue-Select：

<v-select v-model="selected" :options="options"></v-select>

这样就可以实现一个简单的可输入的下拉选择框了。你可以根据自己的需求来添加搜索功能、自定义样式等。