Vue: masalah transisi out-in dengan komponen async

Dibuat pada 26 Mei 2017 · 17Komentar · Sumber: vuejs/vue

Versi: kapan

2.3.0

Tautan reproduksi

https://jsfiddle.net/z11fe07p/1959/

Langkah-langkah untuk mereproduksi

memuat https://jsfiddle.net/z11fe07p/1959/
klik tombol "B"

Apa yang diharapkan?

Komponen sebelumnya (A) harus hilang sebelum komponen B muncul

Apa yang sebenarnya terjadi?

Komponen A dan B terlihat secara bersamaan

Perilaku ini terjadi hanya jika komponen B belum dimuat. Lain kali Anda beralih dari A ke B, semuanya baik-baik saja.

bug

Sumber

FranckFreiburger

Komentar yang paling membantu

Saya sudah selesaikan, tunggu sebentar ...

Saat merender async components , kita perlu menggunakan placeholder elemen tersembunyi

gebilaoxiong pada 31 Mei 2017

👍4

Semua 17 komentar

Terima kasih, sepertinya bug. Terima kasih atas tanggapan yang ringkas dan jelas 🙂

posva pada 26 Mei 2017

👍4

Sepertinya komponen asinkron dirender terlalu dini

gebilaoxiong pada 26 Mei 2017

Saya sudah selesaikan, tunggu sebentar ...

Saat merender async components , kita perlu menggunakan placeholder elemen tersembunyi

gebilaoxiong pada 31 Mei 2017

👍4

Apakah Anda yakin ini menyelesaikan transisi komponen asinkron? Saya baru mengenal Vue jadi kemungkinan besar ada bug di kode saya, tetapi repo saya di bawah ini masih menunjukkan bug transisi keluar di mana komponen yang masuk tidak menunggu hingga fade selesai. Catatan Saya menggunakan http-vue-loader yang disebutkan di atas.

Demo Bug Transisi Komponen Async

clingor pada 12 Jun 2017

Ini memang masih gagal dengan repro yang sama. Transisi dimulai segera seperti yang dikatakan @clingor

posva pada 12 Jun 2017

@pos

https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.js

Sepertinya versi ini tidak berisi kode perbaikan

gebilaoxiong pada 13 Jun 2017

Perbaikan belum dirilis. Kami menutup masalah saat tambalan mendarat di cabang dev , tetapi mungkin belum dirilis untuk publik.

2.3.4 hanya berisi satu perbaikan untuk kebocoran memori (yang memiliki prioritas lebih tinggi)

yyx990803 pada 13 Jun 2017

Saya buruk, saya hanya melihat komit itu sebelum rilis dan berpikir itu aneh. Itu akan ada di catatan rilis

posva pada 13 Jun 2017

Maaf atas kesalahpahaman, dan terima kasih telah mengonfirmasi masalahnya!

clingor pada 13 Jun 2017

Ini tampaknya belum diperbaiki di 2.4.2. Apakah ini masih menunggu rilis?

Demo Bug Transisi Komponen Async

clingor pada 21 Jul 2017

@clingor Apakah Anda yakin? Jsfiddle bekerja dengan baik

posva pada 21 Jul 2017

Biola berfungsi dengan benar, tetapi kode dalam contoh saya, repo GitHub masih menunjukkan perilaku yang sama. Bisa jadi perpustakaan helper http-vue-loader , atau mungkin sesuatu di kode saya. Contoh ini sederhana dan dibuat untuk mendemonstrasikan masalah tersebut .

@FranckFreiburger akankah perubahan VueJS ini memerlukan pembaruan ke http-vue-loader ?

clingor pada 21 Jul 2017

jika Anda menempatkan masalah pada jsfiddle tanpa loader, saya bisa melihatnya

posva pada 21 Jul 2017

Am 21.07.2017 21:16 schrieb "Chris Lingor" [email protected] :

Ini tampaknya belum diperbaiki di 2.4.2. Apakah ini masih tertunda
melepaskan?
Demo Bug Transisi Komponen Async
https://github.com/clingor/githubIssuesFileShare/tree/master/vue-async-component-bug
-
Anda menerima ini karena Anda berlangganan utas ini.
Balas email ini secara langsung, lihat di GitHub
https://github.com/vuejs/vue/issues/5760#issuecomment-317088909 , atau bisukan
utasnya
https://github.com/notifications/unsubscribe-auth/Aclno69wDoTlZziST6eSocqxEnn8mFx-ks5sQPkKgaJpZM4Nng7j
.