Javascript 在两个组件之间切换的Vue过渡动画不平滑

我对Vue转换有问题

我制作了一个组件来创建幻灯片过渡。需要一个

enter only

prop来禁用离开动画

问题是有时当我尝试在两个组件之间切换时，似乎有一个短暂的时刻两个组件都存在。我想让它们完美地相互替换

这里有一个沙箱演示了这个问题：

---

您可以尝试使用Vue.nextTick（）。隐藏当前可见的组件，并等待一个勾号转换到另一个组件。这将涉及更多的切换（每个组件一个），并跟踪当前哪个组件处于活动状态。

您可以尝试使用Vue.nextTick（）。隐藏当前可见的组件，并等待一个勾号转换到另一个组件。这将涉及到更多的切换（每个组件一个）并跟踪其中一个当前处于活动状态。

正如@zero298在评论中提到的，我使用了

out in

，因为我的组件没有离开动画，它就像一个符咒一样工作。

正如@zero298在评论中提到的，我在中使用了，由于我的组件没有休假动画，它工作起来很有魅力。

请将您的代码放在问题中。不要链接到包含您的代码的外部站点。把代码放在这里。另外，你应该检查。@zero298对不起，从现在起我将把代码放在问题中。我在转换模式下使用了

out，它工作得非常好。谢谢。请把你的密码写在问题里。不要链接到包含您的代码的外部站点。把代码放在这里。另外，你应该检查。@zero298对不起，从现在起我将把代码放在问题中。我在

转换模式下使用了

out，它工作得非常好。谢谢。这会起作用，但在我的情况下，使用单个标志切换组件会更理想。如果找不到其他解决方案，我会这样做。谢谢。这会起作用，但在我的情况下，使用单个标志切换组件会更理想。如果找不到其他解决方案，我会这样做。非常感谢。