<template>
    <div class="text-center">
        <div v-if="useinput">
            <q-select
                    rounded
                    outlined
                    :input-class="myclass"
                    v-model="myvalue"
                    :use-input="useinput"
                    input-debounce="0"
                    @new-value="newvaluefunc"
                    new-value-mode="add-unique"
                    :options="options"
                    :option-value="optval"
                    :option-label="optlab"
                    @input="changeval"
                    :label="label"
                    dense
            >
            </q-select>
        </div>
        <div v-else>
            <q-select
                    rounded
                    outlined
                    dense
                    :input-class="myclass"
                    v-model="myvalue"
                    :options="options"
                    :option-value="optval"
                    :option-label="optlab"
                    @input="changeval"
                    :label="label"
                    emit-value
                    map-options
                    input-class="text-center"
                    style="min-width: 170px; max-width: 400px;"
            >

            </q-select>
        </div>
    </div>
</template>

<script lang="ts" src="./CMySelect.ts">
</script>

<style lang="scss" scoped>
    @import './CMySelect.scss';
</style>
