Hello, does anyone know any way to make a Sortable on the tabs of the q-tabs component that already does the index correction of the data array?
I tested some components and they end up breaking the quasar component structure.
Hello, does anyone know any way to make a Sortable on the tabs of the q-tabs component that already does the index correction of the data array?
I tested some components and they end up breaking the quasar component structure.
I have a problem with this mascara v-mask there are topics open for this bug but I still have no solution … can you help me if possible?
https://github.com/probil/v-mask/issues/61
problem on Chrome mobile, and on Android 8 …
a field with mascara 000.000.000 and in time to appear the “.” the mouse cursor goes to before the next digit, after the “.”.
Hello, I use this plugin in jquery to make the mask,
of the change of my first field I check what kind of document that was selected and apply the mask for that type of document in the next field.
https://igorescobar.github.io/jQuery-Mask-Plugin/
...
methods: {
TPO_DOC () {
if (this.TIPODOCTO === 'Selecione') {
this.labelNdoc = 'N° do *'
this.cpfcnpj = ''
this.nomecompleto = ''
this.formValid.UserEncontrado = ''
this.formValid.userValido = ''
this.disable.cpfcnpj = true
}
if (this.TIPODOCTO === 'CPF') {
this.labelNdoc = 'N° do CPF *'
this.disable.cpfcnpj = false
this.maxlength = 14
$('#cpfcnpj :input').mask('000.000.000-00', {reverse: false})
}
if (this.TIPODOCTO === 'CNPJ') {
this.labelNdoc = 'N° do CNPJ *'
this.disable.cpfcnpj = false
this.maxlength = 18
$('#cpfcnpj :input').mask('00.000.000/0000-00', {reverse: false})
}
},
......
Hello, my name is Everton!
I’m having a problem, I’m developing a project, in which I use the same component two in the same .vue file
In this component that was created, I put a mask in a field by jquery.
In the second view of the component the mask does not work in the field, only in the first view.
I’ll leave a photo and part of the code here to see if they can help me!
the problem is the field # of the CPF that appears in the component shown above and below, are the same components but the top is masked and the bottom does not apply the mask
the component is the <form-cadastro></form-cadastro>
https://pastebin.com/raw/FwradFpJ
<script>
import FormCadastro from '../../components/formCadastro/formCadastro.vue'
export default {
data () {
return {
progress: 40,
checked: false,
disable: {
check: true
}
}
},
components: { FormCadastro },
....
</script>
<template>
....
<div id="interessado">
<h4 class="text-primary titleGeral">Identificação do Interessado</h4>
<hr />
<form-cadastro></form-cadastro>
</div>
<div>
<q-checkbox v-model="checked" label="Informar representante legal caso o interessado não possa comparecer" :disable="disable.check"/>
</div>
<div id="representante" v-show="checked === true">
<h4 class="text-primary titleGeral">Identificação do Representante Legal do interessado</h4>
<hr />
<form-cadastro></form-cadastro>
...
</template>
Thanks everyone for the help, I already found the error.
I was really trying to use the documentation for a different version of the one that was installed.
Thank you everyone for the attention!
I did it this way and I continue without displaying the input and with the same error.
Unknown custom element: <q-input> - did you register the component correctly? For recursive components, make sure to provide the “name” option.
@a47ae segue o codigo do componente todo
https://pastebin.com/raw/aivmrFaU
I did the component import in vue. As the image below shows and now the following error appears.
"Failed to mount component: template or render function not defined.
<script>
import CpTitulo from ‘…/…/modulo/titulo/titulo.vue’
import QInput from ‘quasar’
export default {
data () {
return {
dadostitulo: {
titulo: 'AGENDAMENTO ELETRÔNICO DE ATENDIMENTO',
subtitulo: 'Contato'
},
text: ''
}
},
components: {
CpTitulo, QInput
},
…
Thank you! @a47ae and @JCharante
I had not noticed that I had this error, but it did not work!
In the documentation tells me that I can input the input
<! - Single Line Input ->
<Q-input v-model = “text” />
Http://beta.quasar-framework.org/components/input.html
But when I put it that way it still gives the same error, I tried to close the tag so
<Q-input v-model = “text”> </ q-input>
But it still does not work.