搜索功能下拉树 组件
选择 (vue-select)
Everything you wish the HTML <select>
element could do, wrapped up into a lightweight, extensible Vue component.
您希望HTML <select>
元素可以做的所有事情,都包装成一个轻便的,可扩展的Vue组件。
Vue Select is a feature rich select/dropdown/typeahead component.
Vue Select是功能丰富的选择/下拉/预输入组件。
Tagging
标记
Filtering / Searching
筛选/搜索
Vuex Support
Vuex支持
AJAX Support
AJAX支持
SSR Support
SSR支持
~20kb Total / ~5kb CSS / ~15kb JS
总共〜20kb /约5kb CSS /约15kb JS
Select Single/Multiple Options
选择单个/多个选项
Customizable with slots and SCSS variables
可自定义广告位和SCSS变量
Tested with Bootstrap 3/4, Bulma, Foundation
经过Bootstrap 3/4,布尔玛,基础测试
+95% Test Coverage
+ 95%的测试覆盖率
Zero dependencies
零依赖
文献资料 (Documentation)
Complete documentation and examples available at https://vue-select.org.
完整的文档和示例可在https://vue-select.org上获得 。
安装 (Install)
$ npm install vue-select
Register the component
注册组件
import Vue from 'vue'
import vSelect from 'vue-select'
Vue.component('v-select', vSelect)
You may now use the component in your markup
您现在可以在标记中使用组件
<v-select v-model="selected" :options="['Vue.js','React']"></v-select>
翻译自: https://vuejsexamples.com/a-feature-rich-select-dropdown-typeahead-component/
搜索功能下拉树 组件