Vue-multiselect
Example fiddle for issue reproduction usage
HTML
<script src="https://unpkg.com/vue-multiselect@2.1.2/dist/vue-multiselect.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/vue-multiselect@2.1.2/dist/vue-multiselect.min.css">
<div id="app">
<multiselect
v-model="selected"
:options="options"
:searchable="false"
:close-on-select="false"
:allow-empty="false"
label="name"
placeholder="Select one">
</multiselect>
<br/><br/>
<div>
Data Selected: {{ selected }}
</div>
</div>
CSS
* {
font-family: 'Lato', 'Avenir', sans-serif;
}
Babel + JSX
new Vue({
components: {
Multiselect: window.VueMultiselect.default
},
data: {
selected: null,
options: [
{ name: 'Vue.js', language: 'JavaScript' },
{ name: 'Rails', language: 'Ruby' },
{ name: 'Sinatra', language: 'Ruby' },
{ name: 'Laravel', language: 'PHP', $isDisabled: true }
]
}
}).$mount('#app')