Files
DiceCloud/app/imports/ui/components/global/SmartCombobox.vue

38 lines
743 B
Vue

<template lang="html">
<v-combobox
v-bind="$attrs"
:loading="loading"
:error-messages="errors"
:value="safeValue"
:menu-props="{auto: true, lazy: true}"
:search-input.sync="searchInput"
:disabled="isDisabled"
outlined
@change="customChange"
@focus="focused = true"
@blur="focused = false"
>
<slot
slot="prepend"
name="prepend"
/>
</v-combobox>
</template>
<script lang="js">
import SmartInput from '/imports/ui/components/global/SmartInputMixin.js';
export default {
mixins: [SmartInput],
data(){ return {
searchInput: '',
}},
methods: {
customChange(val){
this.change(val);
this.searchInput = '';
},
}
};
</script>