Press "Enter" to skip to content

Universal Select/Multiselect/Tagging Component for Vue.js

vue-multiselect is probably the most complete solution to choosing Vue.js 2.0, without jQuery.

vue multiselect, vue multiselect required, vue multiselect clear selection, vue bind multiple select, vue multiselect select all, vue multiselect icon, vue 3 select with search

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
  • > 95% test coverage
  • Fully configurable (see props list below)

Breaking changes:

  • Instead of Vue.partial for custom options templates, you can use a custom render function.
  • The :key props have changed to :track-by, due to conflicts with Vue 2.0.
  • Support for v-model
  • @update has changed to @input to also work with v-model
  • :selected has changed to :value for the same reason
  • Browserify users: if you wish to import .vue files, please add vueify transform.

jQuery Multiselect Plugin With Two Sides | multiselect.js

How to make use of it:

Install & Download:

npm install vue-multiselect

Usage

<template>
  <div>
    <multiselect
      v-model="selected"
      :options="options">
    </multiselect>
  </div>
</template>
<script>
  import Multiselect from 'vue-multiselect'
  export default {
    components: { Multiselect },
    data () {
      return {
        selected: null,
        options: ['list', 'of', 'options']
      }
    }
  }
</script>

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

Most Complete Selecting Solution, vue-multiselect Plugin/Github


See Demo And Download

Official Website(shentao): Click Here

This superior jQuery/javascript plugin is developed by shentao. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.