su-multi-select
v1.0.8
Published
A Vue.js component with simple multi select
Readme
Description
su-multi-select is a Vue 2.0 plugin that allows you to select multiple values, much like vue-multiselect. Right now it's in development stage. Still needs to update lot many things.
Install and basic usage
$ npm install su-multi-select<template>
<div>
<multi-select :options="options" v-model="selectedValues" :selected-values="selectedValues" :multiple="true" width="350" track-by="name" label="label" ></multi-select>
</div>
</template>
<script>
import MultiSelect from 'su-multi-select'
export default {
components: {
MultiSelect
},
data () {
return {
options: [
{ name: 'vuejs', label: 'Vue.js' },
{ name: 'adonis', label: 'Adonis' },
{ name: 'rails', label: 'Rails' },
{ name: 'sinatra', label: 'Sinatra' },
{ name: 'laravel', label: 'Laravel' },
{ name: 'phoenix', label: 'Phoenix' }
],
// set with initial selected values as like this [{ name: 'rails', label: 'Rails' }]
selectedValues: []
}
}
}
</script>Build Setup or Contributing
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report