vue-keyboard-multiselect

A project for building a keyboard-supported MultiSelect component based on Vue.js.

Build Setup

# install dependencies
npm i vue-keyboard-multiselect
See https://www.npmjs.com/package/vue-keyboard-multiselect for more information.

How to Use

import KeyboardMultiSelect from 'vue-keyboard-multiselect'
Vue.use(KeyboardMultiSelect)
Then include your list of elements rendered by your data in <KeyboardMultiSelect></KeyboardMultiSelect>.
Now you can multi-select these elements using keyboard shortcut.
Hold 'Command' for multi-select one by one. Hold 'Command' with 'Shift' for multi-select a section in your list of elements.

Props

Name: rawData
Type: Array
Default: []
Description: An array of data source that is used ro render your html fragment in <KeyboardMultiSelect></KeyboardMultiSelect>.

Events

Name: selectChange
Description: Emitted whenever select of your data is changed. Param is changed selected data array of your raw data.
Params:listData

For detailed explanation on how things work, consult the docs for vue-loader.