js钩子函数的使用是否使得过渡动画失效

来源：7-6 播放器展开收起动画（中）

鸡肋2016

2018-07-04

我在其他的地方看到使用js 钩子，那么以前的css动画失效，这种说法是否正确？还是代码写的有什么问题

谢谢！

写回答

3回答

鸡肋2016

提问者

2018-07-05

自己的坑自己填吧学不动了先把这个学会再深入代码底层。

钩子函数和css动画如果同时使用必须给css动画充分的时间也就是不能够马上done 在enter钩子内部要预留足够的时间然后再执行enterafter 否则马上执行done 马上执行enterafter 就会出现 css动画没有效果

setTimeOut（（）=>{ done()}, 400）//400ms 刚好是css动画的时间

ustbhuangyi

2018-07-05

图片太小了，看不清，不妨先深入了解一下 transition 的实现原理：https://ustbhuangyi.github.io/vue-analysis/extend/tansition.html

鸡肋2016

提问者

2018-07-04

麻烦老师帮我看一下谢谢

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1