Thank you!
B
Latest posts made by BodaMat
-
RE: Selected QItem text not visible when item is selected (Solved)
Hi! You can use this scss code:
.q-drawer { .q-router-link--exact-active { color: white !important; } }
-
Template button submit not submitted
Hi everyone!
I use component input with send button. I add attribute type=“submit” to q-btn and add @submit to q-form. When I click button form not submitted, but when q-btn out the <template> and <q-input> form submitted. Can you help me?
Quasar v1.2.4<q-form @submit="sendMessage" class="full-width"> <q-input v-model="newMessage" bg-color="white" outlined rounded label="Message" dense> <template v-slot:after> <q-btn round dense flat type="submit" color="white" icon="send" /> </template> </q-input> </q-form>
-
Input focused when I out the input
Hi, everyone
When I click on input, this element don’t focused, but when I focused out the input, input focused.
Can you help me?
<template> <div class="row q-mb-sm"> <q-input outlined :value="name" @input="$emit('update:name', $event)" @focus="selectText" :rules="[val => !!val || 'Field is required']" autofocus ref="name" label="Task name" class="col" > <template v-slot:append> <q-icon v-if="name" @click="$emit('update:name', '')" name="close" class="cursor-pointer" /> </template> </q-input> </div> </template> <script> export default { props: ['name'], methods: { selectText() { console.log(this.$refs.name) this.$refs.name.select() } }, directives: { selectAll: { inserted(el) { let input = el.querySelector('.q-field__native') input.addEventListener('focus', () => { console.log('focused') if(input.value.length) input.select() }) } } } } </script>