Vue transition过渡效果 钩子方法 为何没有过渡时间

clipboard.png

clipboard.png

我只要进入的过渡动画,不用css的过渡方法,纯用它的过渡钩子函数来写,beforeEnter和Enter写了过渡动画的开始状态和结束状态。执行的时候没有过渡时间,直接到了最后状态!求大神指点一下!
已经:css="false";

阅读 7.8k
4 个回答

你可以将 <transtion>中的v-bind:css="false" 去掉,然后 drop方法中的可选dong回调方法去掉,最后,在CSS中加入 图片描述

过度时间需要自己加在css里面

transition all 1s;

本身钩子函数就没有设置过渡时间这一说,最佳的方式是引用一下第三方的插件,楼上velocity.js就是不错的选择

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题