JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://vuejs.org/js/vue.js"></script>
<script src="https://unpkg.com/vue-select@2.4.0/dist/vue-select.js"></script>
<div id="app">
<h1>Vue Select - Using v-model</h1>
<v-select :on-change="runme" :options="options"></v-select>
</div>
JavaScript
Vue.component('v-select', VueSelect.VueSelect)
new Vue({
el: '#app',
data() {
return {
options: [{
value: 1,
label: 'foo'
}, {
value: 3,
label: 'bar'
}, {
value: 2,
label: 'baz'
}, ],
}
},
methods: {
runme: selected => {
alert(`label: ${selected.label} value: ${selected.value}`);
}
}
})