Vue: La clase de transición `Leave-to` no se elimina si el elemento oculto cambia demasiado rápido con v-show

Creado en 6 mar. 2018  ·  5Comentarios  ·  Fuente: vuejs/vue

Versión

2.5.13

Enlace de reproducción

https://jsfiddle.net/freakypie/nn2vwt7b/22/

pasos para reproducir

cambiar un valor en un vue muy rápido y la transición no eliminará la clase de dejar para

¿Lo que es esperado?

la etiqueta debe mostrarse

¿Qué está pasando realmente?

la etiqueta no se muestra


En mi propia aplicación, redirigí a una página que se suponía que no tenía un encabezado de aplicación, pero luego se redirigió a otra página que sí lo tenía, pero de todos modos faltaba el encabezado.

bug

Todos 5 comentarios

Como solución temporal por el momento, puede usar v-if lugar de v-show

por el momento simplemente lo eliminé y usé una propiedad local

    async "$store.state.invisible"() {
      clearTimeout(this.__updateInvisible);
      this.__updateInvisible = setTimeout(() => {
        this.invisible = this.$store.state.invisible;
      }, 50);
    },

Eso funciona para mí, solo quería informarte sobre el error.

¿Puede ser un duplicado de https://github.com/vuejs/vue/issues/5800 ? 🤔

Oh, sí, ni siquiera revisé el código para ver que era un v-show porque es un grupo de transición, así que esperaba que solo hiciera un v-for . Parece relacionado, pero puede ser causado por diferentes cosas, así que creo que podemos mantenerlo abierto por el momento

Esto ha sido corregido por # 7391 (aún no publicado)

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