0.4.7 • Published 3 years ago
v-select2-component v0.4.7
Vue Select2 Component
This project was generated with Vue cli version 2.9.1.
Instructions
This project is built for showing how to use v-select2-component.
v-select2-component
Source code in: https://github.com/godbasin/vue-select2/tree/npm-publish-code.
Related Versions
Vue-Select2-Component is baseed on these plugins and libs(version):
How to use
Install
// npm install
npm install v-select2-component --save
Use as component
- import as global component.
// import Select2Component
import Select2 from 'v-select2-component';
Vue.component('Select2', Select2);
new Vue({
// ...
})
- import into a single component.
// import Select2Component
import Select2 from 'v-select2-component';
<template>
<div>
<Select2 v-model="myValue" :options="myOptions" :settings="{ settingOption: value, settingOption: value }" @change="myChangeEvent($event)" @select="mySelectEvent($event)" />
<h4>Value: {{ myValue }}</h4>
</div>
</template>
<script>
export default {
// declare Select2Component
components: {Select2},
data() {
return {
myValue: '',
myOptions: ['op1', 'op2', 'op3'] // or [{id: key, text: value}, {id: key, text: value}]
}
},
methods: {
myChangeEvent(val){
console.log(val);
},
mySelectEvent({id, text}){
console.log({id, text})
}
}
}
</script>
Options
options
:option[]
- select options for select2
option
:{id: key, text: value}
orstring
v-model
: option value that is selectedid
orstring
while multiple is disableid[]
orstring[]
while multiple is enable
change
- callback when option selected change
- return value
- parmas: same with
v-model
select
- callback when option selected
- parmas:
option
({id: value, text: key, selected: ifSelected}
orstring
)
disabled
- if select is disabled
placeholder
- placeholder attribute for select element
id
- id attribute for select element
name
- name attribute for select element
settings
- configurable settings, see Select2 options API
setting
:{ settingOption: value, settingOption: value }
0.4.5
3 years ago
0.4.4
3 years ago
0.4.7
3 years ago
0.4.6
3 years ago
0.4.3
4 years ago
0.4.2
4 years ago
0.4.1
5 years ago
0.4.0
5 years ago
0.3.9
5 years ago
0.3.8
5 years ago
0.3.7
5 years ago
0.3.6
5 years ago
0.3.5
5 years ago
0.3.4
5 years ago
0.3.3
5 years ago
0.3.2
5 years ago
0.3.1
6 years ago
0.3.0
6 years ago
0.2.3
6 years ago
0.2.2
6 years ago
0.2.1
6 years ago
0.2.0
6 years ago
0.1.9
6 years ago
0.1.8
6 years ago
0.1.7
6 years ago
0.1.6
6 years ago
0.1.5
6 years ago
0.1.4
6 years ago
0.1.3
6 years ago
0.1.2
6 years ago
0.1.1
6 years ago
0.1.0
6 years ago
0.0.9
6 years ago
0.0.8
6 years ago
0.0.7
6 years ago
0.0.6
6 years ago
0.0.5
6 years ago
0.0.4
6 years ago
0.0.3
6 years ago
0.0.2
6 years ago
0.0.1
6 years ago