mirror of
https://github.com/tenrok/vue-select.git
synced 2026-05-17 02:29:37 +03:00
Markus
b8fbefdc2d
The reason for the bug was: clicking on the area blurred the search input. vue-slect relies on this event to close the dropdown. Since the click happend inside the dropdown, it did not close (which is correct). Though now the search input was blurred already, so clicking outside of the dropdown had no effect. Be preventing event propagation, the input does not get blurred anymore when clicking inside the dropdown and everything still works.
vue-select 
Everything you wish the HTML
<select>element could do, wrapped up into a lightweight, zero dependency, extensible Vue component.
- 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
Documentation
Complete documentation and examples available at 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>
You can also include vue-select directly in the browser. Check out the documentation for loading from CDN..