You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I checked the Vue source code (2.6.10). It appears that it does not respect key names for transitions -- it mangles it to includes its own prefix (__transition-${this._uid}- + myKey) , which is subject to change if a prop changes. This appears to have been on-purpose (it literally checks to make sure it's using the internal prefix). I consider this a bug, as it causes a full re-render of the transitioned vnode if all I want to do is change the exit transition class.
For example, I might have a "stack" of pages that slide to the left to exit when going forward, or to the right to enter if going backwards; otherwise no animation. So the transition depends on what the user is doing. The enter transition is not the issue, but if I change the leave active class, Vue will change the transition key, which will re-render the page (though nothing has changed), causing a brief flicker.
And I can't find a work around...
My question(s): what is the rationale for not respecting a supplied transition key? And is there a work-around?
Hello, thank you for taking time filling this issue!
However, we kindly ask you to use our Issue Helper when creating new issues, in order to ensure every issue provides the necessary information for us to investigate. This explains why your issue has been automatically closed by me (your robot friend!).
I hope to see your helper-created issue very soon!
I checked the Vue source code (2.6.10). It appears that it does not respect key names for transitions -- it mangles it to includes its own prefix (
__transition-${this._uid}-
+ myKey) , which is subject to change if a prop changes. This appears to have been on-purpose (it literally checks to make sure it's using the internal prefix). I consider this a bug, as it causes a full re-render of the transitioned vnode if all I want to do is change the exit transition class.For example, I might have a "stack" of pages that slide to the left to exit when going forward, or to the right to enter if going backwards; otherwise no animation. So the transition depends on what the user is doing. The enter transition is not the issue, but if I change the leave active class, Vue will change the transition key, which will re-render the page (though nothing has changed), causing a brief flicker.
And I can't find a work around...
My question(s): what is the rationale for not respecting a supplied transition key? And is there a work-around?
Originally posted by @grumpygary in #9363 (comment)
The text was updated successfully, but these errors were encountered: