插件名称 | vue-simple-search-dropdown |
---|---|
发布时间 | 2020年5月15日 |
插件作者 | romainsimon |
一个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 / falsename
(可选):输入名称| 默认:dropdown
maxItem
(可选):要显示的最大项目| 默认:6
这些事件是从下拉列表中返回的,可以捕获 v-on
selected
:通过单击下拉菜单选择一个选项filter
:已通过在输入字段中输入来应用过滤器提示:使用v-on:filter
,您可以options
通过调用API来用与搜索相对应的新内容重新填充下拉列表