Vue: O Vue removerá o nó não utilizado e definirá as referências como indefinidas

Criado em 18 set. 2017  ·  3Comentários  ·  Fonte: vuejs/vue

Versão

2.4.4

Link de reprodução

https://jsfiddle.net/gloxing/Ltjyjjba/

Passos para reproduzir

clique no botão duas vezes, as referências dos componentes serão indefinidas

O que é esperado?

o componente topProgress mostra novamente

O que realmente está acontecendo?

as referências do componente serão indefinidas


O comportamento é normal no Vue 2.4.2.

Comentários muito úteis

Sim, v-show deve funcionar. Mas antes da v2.4.4 tanto v-show quanto v-if funcionam bem.

Todos 3 comentários

Na verdade, isso está relacionado à sua lib: https://github.com/dalphyx/vue-top-progress/blob/master/src/top-progress.vue#L7
Eu acho que porque você está usando um v-if , ele é retirado e não existe ( transition sendo um componente abstrato que não renderiza uma tag). Você já tentou usar um v-show , deve funcionar: https://jsfiddle.net/t5ad6o31/

Outra solução seria envolver seu componente em um div ou intervalo

Sim, v-show deve funcionar. Mas antes da v2.4.4 tanto v-show quanto v-if funcionam bem.

vue refs indefinido

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

bfis picture bfis  ·  3Comentários

seemsindie picture seemsindie  ·  3Comentários

finico picture finico  ·  3Comentários

franciscolourenco picture franciscolourenco  ·  3Comentários

paulpflug picture paulpflug  ·  3Comentários