transition下元素的过渡时间是不是必须小于transition容器本身的过渡时间？
来源：7-8 播放器歌曲播放功能实现
jindong
2019-03-19
我开发完唱片过渡效果之后，为了方便观察，将离开动画的过渡时间设置的很长，长于transation容器的过渡时间。但是我发现transition容器本身的过渡结束之后，transiton容器已经隐藏掉了，但是动画似乎并没有被清空掉，下次再v-show='true’的时候，transition容器先执行完原有动画之后，还会把之前未执行完的动画再执行完。vue确实有这个问题吗？还是我写法不对？如果确实有这个问题，那是不是必须保证transition下元素的过渡时间小于transition容器本身的过渡时间，从而规避一些异常？
写回答
1回答
-
我不太理解你说的现象，你把你的代码上传到 GitHub 我抽空看看吧。
Vue transition 实现的原理，当你在 transition 组件上配置了合法的 duration，并且没有配置 JavaScript 钩子的时候，那么它会在 duration 执行回调，删除对应的过渡 CSS。022019-03-20
相似问题