search

Home  >  Q&A  >  body text

javascript - How to change vue1.0 transition effect into vue2.0?

This is the transition effect of 1.0, what should it be when converted to 2.0!

为情所困为情所困2814 days ago622

reply all(2)I'll reply

  • 天蓬老师

    天蓬老师2017-05-19 10:42:59

    1. Add the <transition name="fold"></transition> wrapping layer outside the element to achieve the effect
    2. Add the style transition to be implemented below the element to achieve the effect: 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)
    效果实现前和效果消失后的状态       

    reply
    0
  • PHP中文网

    PHP中文网2017-05-19 10:42:59

    See the official website upgrade guide

    reply
    0
  • Cancelreply