Vue-multiselect

Example fiddle for issue reproduction usage

HTML

<script src="https://unpkg.com/[email protected]/dist/vue-multiselect.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/vue-multiselect.min.css">
<div id="app">
  <span class="col-sm-4 col-md-3 col-form-label"><label for="country2">Land</label>&nbsp;<i aria-hidden="true" title="" class="fa fa-info-circle blue-dark-text" data-original-title="Land des ständigen Wohnsitzes"></i></span>
  <div class="col-sm-8 col-md-5 input-group">
    <div class="input-group">
      <multiselect 
        v-model="value" 
        :options="options"
        :multiple="true"
        track-by="library"
        id="country2"
        >
      </multiselect>
    </div>
  </div>
  <pre>{{ value }}</pre>
</div>

CSS

* {
  font-family: 'Lato', 'Avenir', sans-serif;
}

label {
  color:red;
  font-weight: bold;
}

Babel + JSX

new Vue({
	components: {
  	Multiselect: window.VueMultiselect.default
	},
	data: {
  	value: { language: 'JavaScript', library: 'Vue-Multiselect' },
  	options: [
    	{	language: 'JavaScript', library: 'Vue.js' },
      { language: 'JavaScript', library: 'Vue-Multiselect' },
      { language: 'JavaScript', library: 'Vuelidate' }
    ]
	},
  methods: {
  }
}).$mount('#app')