Vue自动完成下拉组件 - vue-simple-search-dropdown

Vue自动完成下拉组件 - vue-simple-search-dropdown
插件名称 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 / false
  • name(可选):输入名称| 默认:dropdown
  • maxItem(可选):要显示的最大项目| 默认:6

事件

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

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

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