[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)

Reset no Erro do Modal

[Finalizado Pelo Aluno]

Wesley Kovalski
Criador Wesley Kovalski 27/05/2022

Reparei que ao clicar em (NOVO) e dar um submit sem preencher os campos que é requirido, vai emitir o erro no formulário, até ai tudo bem, mas se fechar o modal e abrir novamente clicando em (NOVO) aquele erro no formulário é carregado. Te como resetar esse erro também?

Eu coloquei assim:

OBS: mesmo assim não está resetando os erros no formulário!

createForm () {
this.update = false;
this.reset();
this.showModal = true;
},
Manager Carlos Ferreira 27/05/2022

Olá, Wesley!
Tudo bem?

Você pode chamar o método reset() quando clica no close modal.

Está usando algum component em especial no modal, ou criou o modal na mão?

Carlos Ferreira
Criador Wesley Kovalski 27/05/2022

Estou usando o vodal, o mesmo apresentado no curso. Aqui no curso só é limpado os erros quando o cadastro é realizado com sucesso mas não quando é fechado o modal, seja clicando no (X) ou no ESC.

Wesley Kovalski
Manager Carlos Ferreira 27/05/2022

Quando fecha o modal, dispara o evento hide, você pode usar ele para fazer o reset

Basta monitorar o evento @hide="triggers"
(https://github.com/chenjiahan/vodal#event)

Pegou a ideia amigo?

Carlos Ferreira
Criador Wesley Kovalski 27/05/2022

Resolvi aqui, eu estava tentando alterar uma propriedade do componente filho, e o componente pai não recebia essa atualização. Então eu disparei um evento ($emit) para o componente pai e consegui resetar.

Ficou assim:

Componente filho:

.catch((error) => {
this.$snotify.error("Algo deu errado!", "Erro");

console.log(error.data.errors);

this.$emit("reseteErrorValidate", error.data.errors);
});
Wesley Kovalski
Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!