vue-multiselect

by jacob hsu

HTML

<link rel="stylesheet" href="https://unpkg.com/vue-multiselect@2.1.0/dist/vue-multiselect.min.css">
<script src="https://unpkg.com/vue-multiselect@2.1.0/dist/vue-multiselect.min.js"></script>
<div id="app">
  <!-- Vue component -->
  <template>
    <div>
      <multiselect v-model="value" :options="options"></multiselect>
    </div>
  </template>
  <pre>{{ value }}</pre>
</div>

Vue

new Vue({
  el: "#app",
  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' }
    ]
  }
})