UNPKG

vue-multiselect-items

Version:

![alt text](https://github.com/imrancse94/vue-multiselect-items/blob/main/multiselect.gif?raw=true)

57 lines (40 loc) 1.18 kB
![alt text](https://github.com/imrancse94/vue-multiselect-items/blob/main/multiselect.gif?raw=true) :earth_africa: Installation --------------------------- npm install --save vue-multiselect-items :wave: Usage ------------ At the root of your project, just before creating your Vue application, import the `vue-multiselect-items` plug-in, and add it to the Vue global with the following code: #### Example - `main.js` ``` js import Vue from 'vue' import VueMultiselectItems from 'vue-multiselect-items' Vue.component('VueMultiselectItems', VueMultiselectItems) ### `App.vue` <template> <div id="app"> <VueMultiselectItems label="Fruit List" title="Please select" placeholder="Search fruits..." :errors="errors" :data="data" v-model="selecteditems" /> </div> </template> <script> export default { data(){ return { data:[ {id:1,name:"Apple"}, {id:2,name:"Banana"}, ], errors:"The field is required.", selecteditems:[] } } } </script> ```