select2 component in vue3.
npm install vue3-select2-componentSource code in: https://github.com/godbasin/vue-select2/tree/npm-publish-code-for-vue3.
Demo code in: https://github.com/godbasin/vue-select2/tree/demo-for-vue3-select-component.
vue3-select2-component is baseed on these plugins and libs(version):
- vue(>= 3.0-beta)
- jQuery
- select2
cmd
// npm install
npm install vue3-select2-component --save
`$3
1. import as global component.
` javascript
// import Select2Component
import Select2 from 'vue3-select2-component';
// Create a Vue application
const app = Vue.createApp({})// Define a new global component called button-counter
app.component('Select2', Select2)
`2. import into a single component.
` javascript
// import Select2Component
import Select2 from 'vue3-select2-component';
Value: {{ myValue }}
`$3
- options: option[]
- select options for select2
- option: {id: key, text: value} or string
- v-model: option value that is selected
- id or string while multiple is disable
- id[] or string[] while multiple is enable
- update:modelValue
- 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} or string)
- 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 }`