vue1.0过渡效果怎么变成vue2.0?

图片描述

这是1.0的过渡效果,转换成2.0的,应该是什么!

阅读 2.2k
2 个回答

1.在要实现效果的元素外面加上<transition name="fold"></transition>这个包裹层
2.在要实现效果的元素下面加上要实现的样式transition: translate3d(0, -100%, 0)
3.fold-enter-active,fold-leave-active

transiton: all 0.5s
这是实现效果逐渐出现和逐渐消失的过渡

4.fold-enter,fold-leave-active

transform: translate3d(0,0,0)
效果实现前和效果消失后的状态       

看官网升级指南

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