Collection of 14 Vue Select Component for Vue.js App

Collection of  14 Vue Select Component for Vue.js App

Vue select component can handle multiple selections. It's enabled with the multiple property. Like with the single selection, you can pull out the new value by accessing event. target. value in the onChange callback.

Vue select component can handle multiple selections. It's enabled with the multiple property. Like with the single selection, you can pull out the new value by accessing event. target. value in the onChange callback.

1. Vue GridMultiselect

Simple multi-select component with items displayed in a table like UI.

Vue GridMultiselect

Demo

Download


2. vue-select

Everything you wish the HTML <select> element could do, wrapped up into a lightweight, extensible Vue component.

Vue Select is a feature rich select/dropdown/typeahead component.

Features

  • Tagging
  • Filtering / Searching
  • Vuex Support
  • AJAX Support
  • SSR Support
  • ~20kb Total / ~5kb CSS / ~15kb JS
  • Select Single/Multiple Options
  • Customizable with slots and SCSS variables
  • Tested with Bootstrap 3/4, Bulma, Foundation
  • +95% Test Coverage
  • Zero dependencies

vue-select

Demo

Download


3. @desislavsd/vue-select

Lightweight and mighty select component like Chosen and Select 2 done the Vue way.

Features

  • Uses v-model
  • Single / Multiple selection
  • Tagging + custom key triggers
  • List Filtering / Searching
  • Support for async list source
  • Out of the box AJAX support using fetch
  • Debounce AJAX requests
  • Transparent access to input attributes
  • Highly customizable
  • Zero dependencies

esislavsd/vue-select

Demo

Download


4. v-super-select

An accessible and customizable select/drop down component that features searching, grouping, and virtual scrolling.

v-super-select

Demo

Download


5. vue-dynamic-select

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

vue-dynamic-select

Download


6. @alfsnd/vue-bootstrap-select

A vue version of bootstrap select

alfsnd/vue-bootstrap-select

Demo

Download


7. vue-selectize

Vanila Vue.js component that mimics Selectize behaviour (no need jquery dependency)

vue-selectize

Demo

Download


8. vue2-selectize

A Selectize wrapper for VueJS 2.

vue2-selectize

Demo

Download


9. v-suggest

A Vue2 plugin for input content suggestions, support keyboard to quick pick.

v-suggest

Demo

Download


10. vue-multi-select

This component gives you a multi/single select with the power of Vuejs components.

vue-multi-select

Demo

Download


11. v-cascade

A lovely component of cascade selector with vue.js (Support both of PC and Mobile)

v-cascade

Demo

Download


12. stf vue select VUE2

stf vue select - most flexible and customized select

For detailed explanation on how things work, checkout the DEMO

stf vue select VUE2

Demo

Download


13. Advanced Vue.js Chained Select

Using Vue.js to chain mulitiple select inputs together.

Advanced Vue.js Chained Select

Demo


14. Vue Select2

A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery.

Rather than bringing in jQuery just to use Select2 or Chosen, this Vue.js component provides similar functionality without the extra overhead of jQuery, while providing the same awesome data-binding features you expect from Vue. Vue-select has no JavaScript dependencies other than Vue, and is designed to mimic Select2.

Vue Select2

Demo

Download


Thank for read!

vue-select vue-select-component vue-js select-component

What's new in Bootstrap 5 and when Bootstrap 5 release date?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Random Password Generator Online

HTML Color Picker online | HEX Color Picker | RGB Color Picker

10 Best Vue Icon Component For Your Vue.js App

In this article, I will collect 10 Vue icon component to bring more interactivity, better UI design to your Vue application.

Collection of 10 Vue Markdown Component for Vue.js App in 2020

Markdown is a way to style text on the web. The 10 Vue markdown components below will give you a clear view.

Collection of 15 Vue Input Component for Your Vue.js App

Vue input component gives you a baseline to create your own custom inputs. It consists of a prepend/append slot, messages, and a default slot. In this article I will share 15 Vue input components to you.

10 Vue Navigation Component for Vue.js Application

Vue Navigation is the act of moving between screens of an app to complete tasks. It’s enabled through several means: dedicated navigation components, embedding navigation behavior into content, and platform affordances.

Collection of 7 Vue Popup Component for Vue.js App

Popup Vue component represents Popup component. Here is a summary of 7 Vue popup components for you to choose.