欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue2.0使用animate.css动画,transition&transition-group

程序员文章站 2024-03-25 12:51:04
...
<link rel="stylesheet" href="./static/css/animate.min.css">
//transition中有一个v-show/v-if
<transition enter-active-class="animated bounceInRight" leave-active-class="animated bounceInRight">
    <div class="qiandao" v-if="isShow"></div>
</transition>
//transition中有多个v-show/v-if   使用transition-group,内元素要加key
<transition-group enter-active-class="animated bounceInRight" leave-active-class="animated bounceInRight">
    <i class="icon iconfont icon-bianji" v-if="isShow == item.id" @click="exitAddress(item)"
       :key="1"></i>
    <i class="icon iconfont icon-shanchu1" v-if="isShow == item.id" @click="deleteAddress(item)"
       :key="2"></i>
</transition-group>
相关标签: 动画 vue

上一篇: 上传头像

下一篇: vue动画笔记