pcpuma_unam_operador/components/inputs/InputOperador.vue
2022-08-28 21:56:55 -05:00

41 lines
865 B
Vue

<template>
<b-field
class="column mb-0 pb-0"
:label="`Usuario ${campo}`"
:class="columnSize"
>
<b-input
icon="account-plus"
:placeholder="`Usuario ${campo}`"
type="text"
@keyup.enter.native="ejecutar()"
v-model="operador"
rounded
/>
</b-field>
</template>
<script>
export default {
props: {
ejecutar: { typeof: Function, required: true, default: () => {} },
campo: { typeof: String, required: true, default: '' },
operadorPadre: { typeof: String, required: true, default: '' },
columnSize: { typeof: String, required: false, default: '' },
},
data: () => {
return { operador: '' }
},
watch: {
operador() {
this.$emit('operador', this.operador)
},
operadorPadre() {
this.operador = this.operadorPadre
},
},
}
</script>
<style scoped></style>