请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

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

https://img1.sycdn.imooc.com//szimg/5b3c5d340001e3ce13458853.jpg


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

谢谢!

正在回答 回答被采纳积分+3

3回答

提问者 鸡肋2016 2018-07-05 17:57:48

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

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

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


1 回复 有任何疑惑可以回复我~
ustbhuangyi 2018-07-05 16:51:56

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

0 回复 有任何疑惑可以回复我~
提问者 鸡肋2016 2018-07-04 13:52:03

麻烦老师帮我看一下 谢谢

0 回复 有任何疑惑可以回复我~
问题已解决,确定采纳
还有疑问,暂不采纳
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号