首页 > 其他 > 详细

vue2.0 transition用法

时间:2017-02-24 16:05:19      阅读:301      评论:0      收藏:0      [点我收藏+]

html:

<div id="demo">
  <button v-on:click="show = !show">
    Toggle
  </button>
  <transition name="fade">
    <p v-if="show">hello</p>
  </transition>
</div>
 
data:{
  return {
    show:true
  }
}
 
css:
 .fade-enter-active, .fade-leave-active {
  transition: transform .5s
  }
 .fade-enter, .fade-leave-active {
  transform: translate3d(0,-100%,0);
 }

vue2.0 transition用法

原文:http://www.cnblogs.com/itbainianmei/p/6438887.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!