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

<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-js,animate)