vue中使用animation 动画

2019-08-28 11:21:28 浏览数 (2)

  • 在main.js中引入
代码语言:javascript复制
import animate from 'animate.css'
Vue.use(animate);
代码语言:javascript复制
* 主要用到: 类的绑定
<!--        主要是有关类名的绑定 -->
        <h1 :class= "[{ 'animated':flag},{ 'bounce':flag}, 'infinite', 'delay-1s']" >Example</h1>
        <button @click="click"> 开启动画</button>
        <button @click="clicks "> 关闭动画</button>
代码语言:javascript复制
           click () {
                this.flag = true;
            },
            clicks() {
                this.flag = false;
            },

0 人点赞