Vue Multiselect

Theme by Shentao

|

Updated: 13 Feb 2025

|

6770 Stars

Universal select/multiselect/tagging component for Vue.js

Categories

Overview:

vue-multiselect is a flexible Vue.js component that enables users to create single or multiple selection dropdowns with tagging, filtering, searching, and more. It offers a range of features and characteristics suitable for various use cases, making it a valuable addition to Vue.js projects.

Features:

• NO dependencies: The component does not rely on any external dependencies for its functionality.
• Single select: Allows users to select a single option from the dropdown.
• Multiple select: Enables users to choose multiple options from the dropdown.
• Tagging: Supports tagging feature for easy categorization of selections.
• Dropdowns: Provides dropdown functionality for a user-friendly interface.
• Filtering: Includes filtering options to narrow down selections.
• Search with suggestions: Incorporates search functionality with suggestions for ease of use.
• Logic split into mixins: Organizes logic into mixins for better code management.
• V-model support: Supports the Vue.js v-model directive for data binding.
• Vuex support: Offers support for Vuex integration.
• Async options support: Allows for asynchronous loading of options.
• Fully configurable: Provides a range of props for customization.

Installation:

To install vue-multiselect, you can use npm or yarn:

npm install vue-multiselect

or

yarn add vue-multiselect

After installing, you can include the component in your Vue.js project as follows:

import Multiselect from 'vue-multiselect'

export default {
  components: { Multiselect }
}

Summary:

The vue-multiselect Vue.js component offers a variety of features and characteristics that cater to different selection needs, including single select, multiple select, tagging, dropdowns, filtering, and more. Its flexibility and configurability make it a valuable tool for developers working on Vue.js projects. With support for Vuex, asynchronous options, and customization through props, vue-multiselect provides a comprehensive solution for creating interactive selection components in Vue.js applications.