Get started with vue-select CDN
MIT licensed
Vue-Select: Searchable, filterable select components for Vue.js.
Tags:- vue.js
- vue-select
- select2
- tagging
Stable version
Copied!
How to start using vue-select CDN
<template>
<div id="app">
<h1>Vue Select Example</h1>
<vue-select v-model="selectedOption" :options="options">
<template slot="no-options">
<em>Please select an option</em>
</template>
</vue-select>
</div>
</template>
<script>
import VueSelect from 'vue-select'
export default {
name: 'App',
components: {
VueSelect
},
data() {
return {
selectedOption: null,
options: [
{ value: 'one', text: 'Option One' },
{ value: 'two', text: 'Option Two' },
{ value: 'three', text: 'Option Three' }
]
}
}
}
</script>
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
1.2.0
1.2.1
1.2.2
1.3.0
1.3.1
1.3.2
1.3.3
2.0.0
2.0.1
2.1.0
2.2.0
2.3.0
2.3.1
2.3.2
2.3.3
2.4.0
2.5.0
2.5.1
2.6.0
2.6.2
2.6.3
2.6.4
3.0.0
3.0.1
3.0.2
3.1.0
3.10.0
3.10.1
3.10.2
3.10.3
3.10.4
3.10.5
3.10.6
3.10.7
3.10.8
3.11.0
3.11.1
3.11.2
3.12.0
3.12.1
3.12.2
3.12.3
3.13.0
3.13.1
3.13.2
3.13.3
3.14.0
3.15.0
3.15.1
3.16.0
3.17.0
3.18.0
3.18.1
3.18.2
3.18.3
3.19.0
3.2.0
3.20.0
3.20.1
3.20.2
*** 3.20.3
3.3.0
3.4.0
3.5.0
3.5.1
3.5.2
3.6.0
3.7.0
3.7.1
3.7.2
3.8.0
3.8.1
3.9.0
3.9.1
3.9.2
3.9.3
3.9.4
3.9.5
3.9.6
4.0.0-beta.1
4.0.0-beta.2
4.0.0-beta.3
4.0.0-beta.4
4.0.0-beta.5
4.0.0-beta.6