vue-dynamic-select

A VueJS plugin that provides a searchable and reactive select list component with no dependencies.
2,930 18
vue vuejs plugin component list javascript select search reactive dynamic js ajax searchable
Install
npm install vue-dynamic-select
Latest Version:1.0.16
Vue:2
License:MIT
Last Updated:Jul 26, 2019
Links: GitHub  ·  npm
Maintainer: silasmontgomery

vue-dynamic-select

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

alt text

View Online Demos Here

Installation

npm install vue-dynamic-select --save

Import

import DynamicSelect from 'vue-dynamic-select'

Vue.use(DynamicSelect)

Usage

// Static options source (array)
<dynamic-select 
    :options="objectArray"
    option-value="id"
    option-text="name"
    placeholder="type to search"
    v-model="selectedObject" />

// Dynamic options source (ajax, etc)
<dynamic-select 
    :options="objectArray"
    @search="onSearchEventHandler"
    option-value="id"
    option-text="name"
    placeholder="type to search"
    v-model="selectedObject" />

NOTE: For more detailed usage see the examples folder.

Properties

Name Type Default Description
options Array [ ] Array of objects that will create the select list options
option-value String id The object property used for the value of the select options
option-text String name The object property used for the display text of the select options
v-model Object null Object containing the the selected object
placeholder String search String containing the text to be used as a placeholder

Events

Name Description
search Triggered whenever search text changes. Value is the current search string.
input Triggered whenever an option is selected.

Related Packages

vue-searchable-select

Pure Vue3 version of the 'searchable select box' widget

11,372 0
search searchable select vue dropdown select2
@raffobaffo/vue-wait-button

A simple button with state managment and animations

1,058
ajax javascript reactive vue crud multipurpose
helpers-plugin

A typescript plugin that adds helpers for Array, Object, and other prototypes.

655
javascript js plugin helpers nuxt ts typescript
vuetify-country-search

This package provides a pair of Vuetify components for countries/region select i...

2,190 6
component javascript search select vue country input region state vuetify
vue-data-scooper

A Vue.js plugin for data initialization

50,664 25
ajax plugin vuejs

Version History

Version Released Vue License
1.0.16 ^2.5.7 MIT
1.0.15 ^2.5.7 MIT
1.0.14 ^2.5.7 MIT
1.0.13 ^2.5.7 MIT
1.0.12 ^2.5.7 MIT