Vue: problème de transition d'entrée avec les composants asynchrones

Créé le 26 mai 2017  ·  17Commentaires  ·  Source: vuejs/vue

Version

2.3.0

Lien de reproduction

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

Étapes à suivre pour reproduire

Qu'attend-on?

Le composant précédent (A) doit disparaître avant l'apparition du composant B

Que se passe-t-il réellement?

Les composants A et B sont visibles simultanément


Ce comportement se produit uniquement lorsque le composant B n'est pas déjà chargé. La prochaine fois que vous passez de A à B, tout va bien.

bug

Commentaire le plus utile

J'ai résolu, attendez une minute ...

Lors du rendu de async components , nous devons utiliser un espace réservé d'élément masqué

Tous les 17 commentaires

Merci, ça ressemble à un bug. Merci pour la repro concise et claire 🙂

Il semble que le composant asynchrone soit rendu trop tôt

J'ai résolu, attendez une minute ...

Lors du rendu de async components , nous devons utiliser un espace réservé d'élément masqué

Êtes-vous sûr que cela résout les transitions des composants asynchrones? Je suis nouveau dans Vue, il s'agit donc probablement d'un bogue dans mon code, mais mon dépôt ci-dessous présente toujours le bogue de transition vers l'extérieur où le composant entrant n'attend pas que le fondu de sortie se termine. Remarque J'utilise le http-vue-loader nommé ci-dessus.

Démonstration de bogue de transition de composant async

C'est en effet toujours un échec avec le même repro. La transition commence tout de suite comme l' a dit

@posva

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

Il semble que cette version ne contient pas le code du correctif

Le correctif n'a pas encore été publié. Nous avons résolu des problèmes lorsque le correctif atterrit dans la branche dev , mais il se peut qu'il ne soit pas encore dans une version publique.

2.3.4 ne contient qu'un seul correctif pour une fuite de mémoire (qui a une priorité plus élevée)

Mon mauvais, j'ai juste vu que le commit était avant la sortie et j'ai pensé que c'était étrange. Cela aurait été dans les notes de publication de toute façon

Désolé pour le malentendu et merci d'avoir confirmé le problème!

Cela ne semble pas encore être résolu dans 2.4.2. Est-ce toujours en attente de publication?

Démonstration de bogue de transition de composant async

@clingor Êtes-vous sûr? Le jsfiddle fonctionne bien

Le violon fonctionne correctement, mais le code de mon exemple de dépôt GitHub présente toujours le même comportement. Cela pourrait être la bibliothèque d'aide http-vue-loader , ou peut-être quelque chose dans mon code. Cet exemple est simple et a été créé pour illustrer le problème .

@FranckFreiburger est- ce que l'un de ces changements de VueJS nécessiterait une mise à jour de http-vue-loader ?

si vous mettez le problème sur un jsfiddle sans le chargeur, je peux jeter un oeil

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

Cela ne semble pas encore être résolu dans 2.4.2. Est-ce toujours en attente
Libération?

Démonstration de bogue de transition de composant async
https://github.com/clingor/githubIssuesFileShare/tree/master/vue-async-component-bug

-
Vous recevez ceci parce que vous êtes abonné à ce fil.
Répondez directement à cet e-mail, affichez-le sur GitHub
https://github.com/vuejs/vue/issues/5760#issuecomment-317088909 , ou muet
le fil
https://github.com/notifications/unsubscribe-auth/Aclno69wDoTlZziST6eSocqxEnn8mFx-ks5sQPkKgaJpZM4Nng7j
.

Le coupable est <keep-alive> !

Étapes à suivre pour reproduire

  1. voir https://jsfiddle.net/z11fe07p/2382/
  2. cliquez sur le bouton "B"

@posva , pouvez-vous reproduire?

@FranckFreiburger Vous devriez ouvrir un nouveau numéro pour cela. Merci BTW 😉

Cette page vous a été utile?
0 / 5 - 0 notes