vue-multiselect-cmp

A multiselect component with support for Vue
1,675
vue vue2 select multiselect js
Install
npm install vue-multiselect-cmp
Latest Version:1.9.6
Vue:2
License:MIT
Last Updated:Jul 5, 2022
Links: npm
Maintainer: adoperatormedia

Multiselect component for Vue 2

A multiselect component with support for Vue 2

Install & basic usage

img.png

$ npm install vue-multiselect-component

<template>
  <VueMultiselectComponent v-model="selected" :options="options" />
</template>

<script>
import VueMultiselectComponent from 'vue-multiselect-component'

export default {
  components: {
    VueMultiselectComponent
  },
  data() {
    return {
      selected: [],
      options: [
        { id: 'ru', label: 'Russia' },
        { id: 'nl', label: 'Netherlands' },
        { id: 'fr', label: 'France' }
      ]
    }
  }
}
</script>

Props

Props Description Required Type Default
value (v-model) Selected items true Array -
options List of all items true Array -
writable The ability to write in the input field false Boolean true
searchable Standard element search (only for writable = true) false Boolean true
placeholder Input placeholder false String -
loading Options list standby mode false Boolean false
limit Limit the number of visible items when the options list is closed false Number 10
label-text The name of the field in the options array, which should be in the label false String label
placeholder-as-label Make a placeholder as a label that will be displayed at the top of the input field false Boolean false
disabled Disable the input true Boolean false

*will be complemented

Events

Event Description Attributes
search-change Called whenever the search field has changed (search-query)
input Called whenever the value changes passing the new value (value-list)
selected Called whenever an element is selected (id)
removed Called whenever an element is removed (id)
open Called whenever the list is opened -
close Called whenever the list is closed -

*will be complemented

Related Packages

vue-multiselect-component

A multiselect component with support for Vue 2

38,220 4
js multiselect select vue vue2
vue-treeselect

a tree select plugin for vue2

15,534 43
select vue2 tree
vue-extended-multiselect

Extended multiselect dropdown component for Vue 2 with search, tagging, async op...

1,593 1
multiselect select vue vue2 component dropdown extended form
vue-bootstrap-multiselect

Multiselect packages for Vue.js 2 by bootstrap 4 without jQuery

5,254
multiselect select vue vue.js
@politico/vue-accessible-selects
4,052 12
multiselect select vue a11y accessible

Version History

Version Released Vue License
1.9.6 ^2.6.12 MIT
1.9.5 ^2.6.12 MIT
1.9.4 ^2.6.12 MIT
1.9.3 ^2.6.12 MIT
1.9.2 ^2.6.12 MIT