问题描述
好的,所以我有以下情况。我正在使用一系列对象构建滑块。我想为当前和下一个元素显示一张卡片,所以我创建了一个计算属性,该属性返回仅包含这两个对象的新数组。现在是我的问题,我试图使用过渡组为这些卡设置动画,以便当滑块增加时,当前卡会进行动画处理,(以前)下一张卡会取代其位置,而新的下一张卡会进行动画处理。输入动画效果很好(为此使用JS钩子和gsap),但是应该添加到中间元素的move类似乎并非如此。我想念什么?我的逻辑是否有缺陷,或者我遇到过过渡小组的怪癖?就像列表移动过渡根本不能在只有两个元素的数组上起作用一样吗?
如果您想看看,我在codesandbox上重新创建了该问题。
我的备份计划是在当前卡和下一张卡上分别具有两个单独的过渡包装,并在其密钥更改时分别为其单独设置动画。但是,感觉<transition-group>
应该可以解决这个问题,因此,我非常感谢您的帮助!
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)