Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[2.0.0-rc.1] 父组件使用setInterval更改绑定dom的data,子组件间切换的transition效果会同屏渲染 #3440

Closed
Astlvk opened this issue Aug 13, 2016 · 0 comments

Comments

@Astlvk
Copy link

Astlvk commented Aug 13, 2016

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改变的同时进行过度可能会影响该组件内过度模式的效果?

@Astlvk Astlvk changed the title Vue2.0 父组件使用setInterval更改绑定dom的data,子组件间切换的transition效果会同屏渲染 [Vue2.0.0-rc.1] 父组件使用setInterval更改绑定dom的data,子组件间切换的transition效果会同屏渲染 Aug 13, 2016
@Astlvk Astlvk changed the title [Vue2.0.0-rc.1] 父组件使用setInterval更改绑定dom的data,子组件间切换的transition效果会同屏渲染 [2.0.0-rc.1] 父组件使用setInterval更改绑定dom的data,子组件间切换的transition效果会同屏渲染 Aug 13, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants