Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 

vue-dynamic-multiselect

A VueJS plugin that provides a searchable and reactive multiselect list component with no dependencies.

alt text

View Online Demos

Installation

npm install vue-dynamic-multiselect --save

Import

import DynamicMultiSelect from 'vue-dynamic-multiselect'

Vue.use(DynamicMultiSelect)

Usage

// Static options source (array)
<dynamic-multi-select 
    :options="objectArray"
    option-value="id"
    option-text="name"
    placeholder="type to search"
    v-model="selectedObjects" />

// Dynamic options source (ajax, etc)
<dynamic-multi-select 
    :options="objectArray"
    @search="onSearchEventHandler"
    option-value="id"
    option-text="name"
    placeholder="type to search"
    v-model="selectedObjects" />

NOTE: For more detailed usage see the examples folder.

Properties

Name Type Default Description
options Array [ ] Array of objects that will create the select list options
option-value String id The object property used for the value of the select options
option-text String name The object property used for the display text of the select options
v-model Array [ ] Array used for fetching / storing the selected objects
placeholder String search String containing the text to be used as a placeholder

Events

Name Description
search Triggered whenever search text changes. Value is the current search string.
input Triggered whenever the selected options change.

About

A VueJS plugin that provides a searchable and reactive multiselect list component with no dependencies.

Resources

License

Stars

Watchers

Forks

Packages

No packages published