Vue学习笔记【22】——Vue中的动画(列表的排序过渡)

<transition-group> 组件还有一个特殊之处。不仅可以进入和离开动画,还可以改变定位。要使用这个新功能只需了解新增的 v-move 特性,它会在元素的改变定位的过程中应用

  • v-movev-leave-active 结合使用,能够让列表的过渡更加平缓柔和:

 .v-move{
  transition: all 0.8s ease;
 }
 .v-leave-active{
  position: absolute;
 }

 

posted @ 2019-11-26 10:45  阿江是个程序猿  阅读(1012)  评论(0编辑  收藏  举报