一个Vue组件，用于简单的可搜索自动完成下拉列表。

安装和下载：

# NPM
$ npm install vue-simple-search-dropdown --save

使用：

安装后，可以在模板中简单地使用它，如下所示：

<Dropdown
    :options="[{ id: 1, name: 'Option 1'}, { id: 2, name: 'Option 2'}]"
    v-on:selected="validateSelection"
    v-on:filter="getDropdownValues"
    :disabled="false"
    name="zipcode"
    :maxItem="10"
    placeholder="Please select an option">
</Dropdown>

选项

• options（必填）：带有id和的选项数组name
• placeholder （可选）：占位符
• disabled （可选）：true / false
• name（可选）：输入名称| 默认：dropdown
• maxItem（可选）：要显示的最大项目| 默认：6

事件

这些事件是从下拉列表中返回的，可以捕获 v-on

• selected：通过单击下拉菜单选择一个选项
• filter：已通过在输入字段中输入来应用过滤器

提示：使用v-on:filter，您可以options通过调用API来用与搜索相对应的新内容重新填充下拉列表

---

官网：https://github.com/romainsimon/vue-simple-search-dropdown

演示：https://www.vue365.cn/code_demo.php?id=573

GitHub下载：https://github.com/romainsimon/vue-simple-search-dropdown/archive/master.zip