Vue常用插件:vue2-animate

安装

插件安装:npm i vue2-animate --save

使用

src/main.js入口文件中引入

import 'vue2-animate/dist/vue2-animate.min.css'

在组件中使用

<transition-group name="fadeLeft" tag="ul"> <li v-for="item in items" v-bind:key="item"> {{ item }} </li> </transition-group> <transition name="custom-classes-transition" enter-active-class="bounceLeft-enter" leave-active-class="bounceRight-leave" > <p v-if="show">hello</p> </transition> <transition name="bounce" enter-active-class="bounceInLeft" leave-active-class="bounceOutRight" > <p v-if="show">hello</p> </transition>

参考链接


创作不易,若本文对你有帮助,欢迎打赏支持作者!

 分享给好友: