We will learn how to use multiselect dropdown box component in vue js.


Step 1: 

Create Vue App 

vue create myapp


Step 2: 

Install vue-multiselect Package 

npm install vue-multiselect


Step 3: 

Updated HelloWorld Component src/components/HelloWorld.vue

<template>
  <div>
    <h1>Vue JS MultiSelect Dropdown Example - rathorji.in</h1>
    <multiselect
      v-model="selected"
      :multiple="true"
      :options="options">
    </multiselect>
  </div>
</template>
     
<script>
  import Multiselect from 'vue-multiselect'
  export default {
    components: { Multiselect },
    data () {
      return {
        selected: null,
        options: ['Laravel', 'Laravel 5', 'Vue JS', 'rathorji.in', 'rathorji.com']
      }
    }
  }
</script>
     
<style src="vue-multiselect/dist/vue-multiselect.min.css">


Now you run this example