Vue: Die Übergangsklasse "Leave-to" wird nicht entfernt, wenn sich das versteckte Element mit v-show zu schnell ändert

Erstellt am 6. März 2018 · 5Kommentare · Quelle: vuejs/vue

Ausführung

2.5.13

Reproduktionslink

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

Schritte zum Reproduzieren

Wenn Sie einen Wert in einem Vue sehr schnell ändern, wird durch den Übergang die Leave-to-Klasse nicht entfernt

Was wird erwartet?

Das Etikett sollte angezeigt werden

Was passiert eigentlich?

Das Etikett wird nicht angezeigt

In meiner eigenen App habe ich auf eine Seite umgeleitet, die eigentlich keinen App-Header haben sollte, aber dann auf eine andere Seite umgeleitet, die dies tat, aber der Header fehlte trotzdem

bug

Quelle

freakypie

Alle 5 Kommentare

Als Workaround für den Moment können Sie ein v-if anstelle des v-show

posva am 6. März 2018

Im Moment habe ich es nur entprellt und eine lokale Immobilie benutzt

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

das funktioniert bei mir, ich wollte dich nur über den fehler informieren

freakypie am 6. März 2018

Kann ein Dup von https://github.com/vuejs/vue/issues/5800 sein ? 🤔

jkzing am 7. März 2018

Oh ja, ich habe nicht einmal den Code überprüft, um zu sehen, dass es sich um eine V-Show handelt, da es sich um eine Übergangsgruppe handelt, also hatte ich erwartet, dass sie nur v-for . Scheint verwandt zu sein, kann aber durch verschiedene Dinge verursacht werden, daher denke ich, dass wir es für den Moment offen halten können

posva am 7. März 2018

👍1

Dies wurde durch # 7391 behoben (noch nicht veröffentlicht)