Vue: Vue eliminará el nodo no utilizado y establecerá las referencias como indefinidas

Creado en 18 sept. 2017  ·  3Comentarios  ·  Fuente: vuejs/vue

Versión

2.4.4

Enlace de reproducción

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

pasos para reproducir

haga clic en el botón dos veces, las referencias de los componentes no estarán definidas

¿Lo que es esperado?

el componente topProgress se muestra de nuevo

¿Qué está pasando realmente?

las referencias del componente serán indefinidas


El comportamiento es normal en Vue 2.4.2.

Comentario más útil

Sí, v-show debería funcionar. Pero antes de la v2.4.4, tanto v-show como v-if funcionan bien.

Todos 3 comentarios

Esto está realmente relacionado con su biblioteca: https://github.com/dalphyx/vue-top-progress/blob/master/src/top-progress.vue#L7
Creo que debido a que estás usando un v-if , se elimina y no existe ( transition es un componente abstracto que no representa una etiqueta). ¿Ha intentado usar un v-show , debería funcionar: https://jsfiddle.net/t5ad6o31/

Otra solución sería envolver su componente en un div o span

Sí, v-show debería funcionar. Pero antes de la v2.4.4, tanto v-show como v-if funcionan bien.

vue refs indefinido

¿Fue útil esta página
0 / 5 - 0 calificaciones