Vue.js select component without the overhead of jQuery.
vue-select
A native Vue.js select component that provides similar functionality to Select2.
Features
- AJAX Support
- Tagging
- List Filtering/Searching
- Supports Vuex
- Select Single/Multiple Options
- Bootstrap Friendly Markup
- +95% Test Coverage
- ~32kb minified
Documentation & Demo available here.
Example
<template>
<div id="app">
<div>
<v-select multiple :options="options"></v-select>
</div>
</div>
</template>
<script type="text/babel">
import vSelect from 'vue-select'
export default {
components: {
vSelect
},
data () {
return {
selected: null,
options: [
'Join',
'Only',
'Happy',
'Nights',
'Crave',
'Everything',
'No',
'Alternatives',
'in 1st letter of each word'
]
}
}
}
</script>