Files
rpotisk/resources/js/Components/Operator.vue
2022-12-28 06:15:13 +01:00

27 lines
731 B
Vue

<script setup>
import multiselect from '@suadelabs/vue3-multiselect';
import { onMounted, ref } from 'vue';
import { defineEmits } from 'vue'
defineProps(['modelValue', 'options']);
defineEmits(['update:modelValue']);
const input = ref(null);
const opt = ref(['AND','OR','NOT']);
function update(t) {
console.log(t);
context.emit("update:modelValue",t);
}
</script>
<!-- Vue component -->
<template>
<div>
<label class="block font-medium text-sm text-gray-700">Operátor</label>
<multiselect :value="modelValue" v-model="value" @select='$emit("update:modelValue", $event)' placeholder="Vyber oprátor" :options="opt" :clear-on-select="false" :searchable="false" ref="input">
</multiselect>
</div>
</template>