mirror of
https://github.com/tenrok/vue-select.git
synced 2026-06-07 07:12:23 +03:00
init vuex compat
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
<template>
|
||||
<div class="jumbotron jumbotron-green">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-1">
|
||||
|
||||
<v-select
|
||||
id="v-select"
|
||||
:placeholder="placeholder"
|
||||
:value.sync="select"
|
||||
:options="options[optionType]"
|
||||
:multiple="multiple">
|
||||
</v-select>
|
||||
|
||||
</div>
|
||||
|
||||
<pre id="output" class="col-md-4">{{ select | json }}</pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import vSelect from './Select.vue'
|
||||
|
||||
export default {
|
||||
components: { vSelect },
|
||||
|
||||
data() {
|
||||
return {
|
||||
select: null,
|
||||
placeholder: 'Choose a Country',
|
||||
multiple: true,
|
||||
maxHeight: '400px',
|
||||
options: {
|
||||
advanced: require('../countries/countries.js'),
|
||||
simple: require('../countries/simpleCountries.js'),
|
||||
simpler: [{label: 'This is Foo', value: 'foo'}, {label: 'This is Bar', value: 'bar'}, {label: 'This is Baz', value: 'baz'}],
|
||||
},
|
||||
optionType: 'simple'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user