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