To help you get started, we've collected the most common ways that vue-multiselect is being used within popular public projects.

code16 / sharp / resources / assets / js / components / Multiselect.vue View on Github

isSingleLabelVisible() {
                        // vue-multiselect #851
                        return this.singleValue === 0 || Multiselect.computed.isSingleLabelVisible.call(this);
                    },
                },

View more ways to use vue-multiselect

vue-multiselect

Documentation for version 3

Documentation for v3.0.0 is almost the same as for v2.x as it is mostly backward compatible. For the full docs for v3 and previous versions, check out: vue-multiselect.js.org

Sponsors

Features & characteristics:

• NO dependencies
• Single select
• Multiple select
• Tagging
• Dropdowns
• Filtering
• Search with suggestions
• Logic split into mixins
• Basic component and support for custom components
• V-model support
• Vuex support
• Async options support
• Fully configurable (see props list below)

Install & basic usage

npm install vue-multiselect@next

<template>
  <div>
    
    
  </div>
</template>



<style src="vue-multiselect/dist/vue-multiselect.css"></style>

JSFiddle

Example JSFiddle – Use this for issue reproduction.

Examples

Single select / dropdown

Single select with search

Multiple select with search

Tagging

with @tag event

addTag (newTag) {
  const tag = {
    name: newTag,
    code: newTag.substring(0, 2) + Math.floor((Math.random() * 10000000))
  }
  this.taggingOptions.push(tag)
  this.taggingSelected.push(tag)
},

Asynchronous dropdown

  <template>
    Oops! No elements found. Consider changing the search query.
  </template>

methods: {
  asyncFind (query) {
    this.countries = findService(query)
  }
}

Special Thanks

Thanks to Matt Elen for contributing this version!

> A Vue 3 upgrade of @shentao's vue-mulitselect component. The idea is that when you upgrade to Vue 3, you can swap the two components out, and everything should simply work. Feel free to check out our story of how we upgraded our product to Vue 3 on our blog at suade.org

Contributing

# distribution build with minification
npm run bundle

# run unit tests
npm run test