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
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.