Vue.js version
v2.0.0-rc.1
Reproduction Link
https://jsfiddle.net/1k8cahx6/3/
Steps to reproduce
点击toggle按钮(多点几次),某个时机(setInterval时间越长越不会有影响。),两个组件间的过度会同屏渲染。
What is Expected?
父组件使用setInterval渲染显示时间(详见链接内demo),
使用<transition mode="out-in">搭配Animate.css动画库,
期望父组件内的子组件切换动画平滑过渡。
What is actually happening?
父组件内使用setInterval渲染时间,使用<transition mode="out-in">,子组件间切换的过度效果会同屏渲染,并不是一个组件过渡完毕然后另一个组件再进行过度。
如果不在父组件使用setInterval渲染时间,而在子组件内使用setInterval渲染则不会出现这种问题。
猜测同级组件内dom改变的同时进行过度可能会影响该组件内过度模式的效果?