Vue: Classe de transição `deixar para` não removida se o elemento oculto mudar muito rápido com v-show

Criado em 6 mar. 2018 · 5Comentários · Fonte: vuejs/vue

Versão

2.5.13

Link de reprodução

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

Passos para reproduzir

mude um valor em uma vue muito rápido e a transição não removerá a aula de deixar para

O que é esperado?

o rótulo deve ser mostrado

O que realmente está acontecendo?

o rótulo não é mostrado

Em meu próprio aplicativo, redirecionei para uma página que deveria não ter o cabeçalho do aplicativo, mas depois redirecionei para outra página que tinha, mas o cabeçalho estava faltando de qualquer maneira

bug

Fonte

freakypie

Todos 5 comentários

No momento, como solução alternativa, você pode usar v-if vez de v-show

posva em 6 mar. 2018

por enquanto eu apenas debati e usei uma propriedade local

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

que funciona para mim, eu só queria que você soubesse sobre o bug

freakypie em 6 mar. 2018

Pode ser uma cópia de https://github.com/vuejs/vue/issues/5800 ? 🤔

jkzing em 7 mar. 2018

Oh, sim, eu nem chequei o código para ver que era um v-show porque é um grupo de transição, então eu esperava que ele fizesse apenas v-for . Parece relacionado, mas pode ser causado por coisas diferentes, então acho que podemos mantê-lo aberto por enquanto

posva em 7 mar. 2018

👍1

Isso foi corrigido por # 7391 (ainda não lançado)