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"
    label="name"
    placeholder="Search and 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 }
      ]
	},
  methods: {
  	customLabel (option) {
      return `${option.library} - ${option.language}`
    },
    onSelect (option, id) {
    	console.log(option, id)
    }
  }
}).$mount('#app')