mirror of
https://github.com/snipe/snipe-it.git
synced 2025-01-19 01:30:50 -08:00
41 lines
872 B
Vue
41 lines
872 B
Vue
|
|
||
|
|
<style scoped>
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<select style="width:100%">
|
||
|
|
<slot></slot>
|
||
|
|
</select>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
require('select2');
|
||
|
|
export default {
|
||
|
|
/*
|
||
|
|
* The component's data.
|
||
|
|
*/
|
||
|
|
props: ['options', 'value'],
|
||
|
|
|
||
|
|
mounted() {
|
||
|
|
var vm = this;
|
||
|
|
$(this.$el)
|
||
|
|
.select2({
|
||
|
|
data: this.options
|
||
|
|
})
|
||
|
|
.on('change', function() { vm.$emit('input', this.value) } );
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
value: function (value) {
|
||
|
|
$(this.$el).val(value)
|
||
|
|
},
|
||
|
|
options: function (options) {
|
||
|
|
$(this.$el).select2({data: options})
|
||
|
|
},
|
||
|
|
destroyed: function() {
|
||
|
|
$(this.$el).off().select2('destroy')
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|