Queria saber um jeito pratico de não zerar o cronometro quando o usuário não vincula a tarefa ao projeto. Pq quando eu clico para finalizar a tarefa, automaticamente é limpo o cronometro. Tentei de alguns jeitos aqui, mas não funcionou
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Queria saber um jeito pratico de não zerar o cronometro quando o usuário não vincula a tarefa ao projeto. Pq quando eu clico para finalizar a tarefa, automaticamente é limpo o cronometro. Tentei de alguns jeitos aqui, mas não funcionou
Salve, Gabriel!
Uma das alternativas para que você alcance seu objetivo seria elevar o estado do <Temporizador /> para o <Formulario />.
Ou seja:
data () {
return {
tempoEmSegundos: 0,
cronometroRodando: false,
cronometro: 0
}
},Controlar esse estado (como mostrado acima) pelo <Formulario /> e passar via props para o <Temporizador />.
De forma que o método finalizar, dentro do <Temporizador />, fique assim:
finalizar () : void {
this.$emit('aoFinalizarTarefa', this.tempoEmSegundos)
}E todo o restante passe a ser feito pelo <Formulario />.
Assim, o Temporizador passar a ser o que chamamos de componentes visuais, ou dumb components. Ele apenas exibe os dados passados para ele via props.