Vue: Kelas transisi `leave-to` tidak dihapus jika elemen tersembunyi berubah terlalu cepat dengan v-show

Dibuat pada 6 Mar 2018 · 5Komentar · Sumber: vuejs/vue

Versi: kapan

2.5.13

Tautan reproduksi

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

Langkah-langkah untuk mereproduksi

mengubah nilai dalam vue dengan sangat cepat dan transisi tidak akan menghapus kelas leave-to

Apa yang diharapkan?

label harus ditampilkan

Apa yang sebenarnya terjadi?

label tidak ditampilkan

Di aplikasi saya sendiri, saya dialihkan ke halaman yang seharusnya tidak memiliki header aplikasi, tetapi kemudian dialihkan ke halaman lain yang memilikinya, tetapi headernya tetap hilang

bug

Sumber

freakypie

Semua 5 komentar

Sebagai solusi untuk saat ini, Anda dapat menggunakan v-if alih-alih v-show

posva pada 6 Mar 2018

untuk saat ini saya baru saja melepasnya dan menggunakan properti lokal

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

yang berhasil untuk saya, saya hanya ingin memberi tahu Anda tentang bug tersebut

freakypie pada 6 Mar 2018

Mungkin duplikat dari https://github.com/vuejs/vue/issues/5800 ? 🤔

jkzing pada 7 Mar 2018

Oh, ya, saya bahkan tidak memeriksa kodenya untuk melihat bahwa itu adalah v-show karena ini adalah grup transisi jadi saya berharap itu hanya menghasilkan v-for . Sepertinya terkait tetapi mungkin disebabkan oleh hal yang berbeda, jadi saya pikir kita bisa tetap terbuka untuk saat ini

posva pada 7 Mar 2018

👍1

Ini telah diperbaiki oleh # 7391 (belum dirilis)