Fórum Academy - Toggle todo não está funcionando sem refresh

Criador Felipe Balloni Ferreira 09/01/2022

Notei que o toogle somente funciona apos um refresh da pagina... temos como corrigir? Agradeço.

Manager Carlos Ferreira 09/01/2022

Olá, Felipe!
Tudo bem?

No próximo curso de Vue 3 iremos trabalhar com o Vuex, e essa comunicação manual entre componentes será facilmente resolvida com ele.

Fica ligado neste curso aqui amigo: https://academy.especializati.com.br/curso/vue-3-plataforma-ead

---

Sobre o toogle, precisa atualizar a lista de todos no component Todos.vue, porque mesmo atualizando o value no db corretamente, a lista ainda está com o value antigo, no método todoUpdated basta enviar no emit o todo com o status atualizado (porque a API trabalha com string, e em nosso frontend, usamos booleam)

Criador Felipe Balloni Ferreira 09/01/2022

minha solução... emit("todoCompleted", props.todo, params.completed ? "S" : "N")

e depois no compomente Todos:

const completTodoList = (todo, params) => {
todos.value[todos.value.indexOf(todo)]['completed'] = params;
}

funcionou... eu estou mudando apenas o completed.

Pensei nela apenas após a sua ajuda... agradeço.

Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!