在两个组件之间切换的Vue过渡动画不流畅

Question

我对Vue转换有疑问。

我制作了一个用于创建幻灯片过渡的组件。需要enter-only道具来禁用假动画。

问题有时是当我尝试在两个组件之间切换时，似乎有一小段时间同时存在两个组件。我想让它们彼此完美替代。

这是一个演示问题的沙箱：

Answer 1

您可以尝试使用Vue.nextTick（）。隐藏当前可见的组件，然后等待刻度线过渡到另一个组件。那将涉及更多的切换（每个组件一个），并跟踪哪个当前处于活动状态。

Answer 2

因此，正如@ zero298在评论中提到的那样，我使用了out-in transition mode，并且由于我的组件没有离开动画，因此它就像一种魅力。