Collection of 14 Vue Select Component for Vue.js App
Vue select component can handle multiple selections. It’s enabled with the multiple property. Like with the single selection, you can pull out the new value by accessing event. target. value in the onChange callback.
1. Vue GridMultiselect
Simple multi-select component with items displayed in a table like UI.
2. vue-select
Everything you wish the HTML <select> element could do, wrapped up into a lightweight, extensible Vue component.
Vue Select is a feature rich select/dropdown/typeahead component.
Features
- Tagging
- Filtering / Searching
- Vuex Support
- AJAX Support
- SSR Support
- ~20kb Total / ~5kb CSS / ~15kb JS
- Select Single/Multiple Options
- Customizable with slots and SCSS variables
- Tested with Bootstrap 3/4, Bulma, Foundation
- +95% Test Coverage
- Zero dependencies
3. @desislavsd/vue-select
Lightweight and mighty select component like Chosen and Select 2 done the Vue way.
Features
- Uses v-model
- Single / Multiple selection
- Tagging + custom key triggers
- List Filtering / Searching
- Support for async list source
- Out of the box AJAX support using fetch
- Debounce AJAX requests
- Transparent access to input attributes
- Highly customizable
- Zero dependencies
4. v-super-select
An accessible and customizable select/drop down component that features searching, grouping, and virtual scrolling.
5. vue-dynamic-select
A VueJS plugin that provides a searchable and reactive select list component with no dependencies.
6. @alfsnd/vue-bootstrap-select
A vue version of bootstrap select
7. vue-selectize
Vanila Vue.js component that mimics Selectize behaviour (no need jquery dependency)
8. vue2-selectize
A Selectize wrapper for VueJS 2.
9. v-suggest
A Vue2 plugin for input content suggestions, support keyboard to quick pick.
10. vue-multi-select
This component gives you a multi/single select with the power of Vuejs components.
11. v-cascade
A lovely component of cascade selector with vue.js (Support both of PC and Mobile)
12. stf vue select VUE2
stf vue select - most flexible and customized select
For detailed explanation on how things work, checkout the DEMO
13. Advanced Vue.js Chained Select
Using Vue.js to chain mulitiple select inputs together.
14. Vue Select2
A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery.
Rather than bringing in jQuery just to use Select2 or Chosen, this Vue.js component provides similar functionality without the extra overhead of jQuery, while providing the same awesome data-binding features you expect from Vue. Vue-select has no JavaScript dependencies other than Vue, and is designed to mimic Select2.
Thank for read!
#vue-select #vue-select-component #vue-js #select-component
