Boa tarde, estou utilizando o bind rules do vuetify e nele um metodo que vem de dentro de um getter em um modulo. no bind o metodo retorna da melhor forma possivel, me dando error ou succes e a mensagem que determinei a dúvida é a seguinte, como eu leio o valor retornado fora deste bind?
O bind é o seguinte
:rules="[ InputRules('required'), InputRules('email') ]"
Caso não digite nada, a mensagem do required aparece (obrigatório) e caso o email não esteja no formado do regex então a mensagem de email inválido aparece, neste ponto, tudo funciona muito bem, minha única dúvida é quando eu quero reaproveitar a função, eu quero saber quando ela retornará Booleam ou Function utilizando o contructor
ou algo parecido, o problema é, se eu coloco em um console
desta forma
console.log(this.InputRules('email'))
só me retorna este
ƒ (value) {
return /^(\b[a-zA-Z0-9-]{1,63}\b)(\.\b[a-zA-Z0-9-]{1,63}\b)*@(\b[a-zA-Z0-9-]{1,63}\b)(\.\b[a-zA-Z0-9-]{2,63}\b)+$/i.test(value) || text || 'E-mail inválido';
}
tentei várias formas, como adicionar o constructor no final mas não me retorna nada além de undefined
como fazer para receber se o valor é o texto ou não, ou seja, o caso false
é o texto e o caso true é o Boolean (no caso, o false
que ele retorna no bind do rule)
o meu getter é este
const InputRules = () => (rule, text) => {
if (rule === 'required') return value => !!value || (text || 'Obrigatório')
if (rule === 'email') return value => /^(\b[a-zA-Z0-9-]{1,63}\b)(\.\b[a-zA-Z0-9-]{1,63}\b)*@(\b[a-zA-Z0-9-]{1,63}\b)(\.\b[a-zA-Z0-9-]{2,63}\b)+$/i.test(value) || (text || 'E-mail inválido')
}
percebi que isso
console.log([this.InputRules('email', value)])
me retorna algumas informações como o campo e tal.
Solução para aqueles que precisarem
Basta trocar o retorno da function, se passar isso
if (rule === 'email') return value => /^(\b[a-zA-Z0-9-]{1,63}\b)(\.\b[a-zA-Z0-9-]{1,63}\b)*@(\b[a-zA-Z0-9-]{1,63}\b)(\.\b[a-zA-Z0-9-]{2,63}\b)+$/i.test(value) || (text || 'E-mail inválido')
para isso
if (rule === 'email') {
return (() => {
return /^(\b[a-zA-Z0-9-]{1,63}\b)(\.\b[a-zA-Z0-9-]{1,63}\b)*@(\b[a-zA-Z0-9-]{1,63}\b)(\.\b[a-zA-Z0-9-]{2,63}\b)+$/i.test(value) || (text || 'E-mail inválido')
})(text, value)
}
pronto, isso retornará String ou Boolean, String para Fail e Boolean para Success, agora basta chamar o getter no :rule de forma normal e no succes comparar o constructor