Animejs3.2.1：Animestagger在vuetransition-group中无效
创始人
2024-11-02 11:02:02
0次
问题是由于Animejs与Vue的transition-group之间的冲突导致的。 在这种情况下，您无法通过简单地将stagger延迟应用于目标动画，然后将其应用于transition-group，来实现正确的效果。
一种解决方法是手动编写动画顺序，并将它们作为过渡组的子元素。这意味着你需要自己排序和设置动画的启动时间。 这可以通过使用Vue的过渡插针来轻松完成。
以下是一个示例代码，其中包含一个transition-group和一些动态添加的子项：
{{item.name}}