zoukankan      html  css  js  c++  java
  • vue中动态数据使用wowjs显示动画

    (1)通过npm安装:

             npm install wowjs --save-dev

             animate.css会自动安装。

    (2)在main.js中引入animate.css

             import 'wowjs/css/libs/animate.css

            在组件需要的地方引入wowjs

            有两种使用方式:

           1. import {WOW} from 'wowjs'   

               mounted() {

                    new WOW().init()

               }

           2.import WOW from 'wowjs'   

              mounted() {

                  new WOW.WOW().init()
              }

    wow实例化里面的配置参数

     自己选择性添加配置参数

    infinite无限次播放

    如过添加动画的元素渲染数据是请求接口渲染的   那么实例化wow一定得在接口请求结束之后使用this.$nextTick()在这个函数里面执行

  • 相关阅读:
    4.20 每日一练
    4.19 每日一练
    4.18 每日一练
    Python函数初
    Python的文件操作
    python购物车
    python深浅拷贝,集合以及数据类型的补充
    Python 代码块 小数据池
    Python字典
    Python 列表操作
  • 原文地址:https://www.cnblogs.com/wxy0/p/13275443.html
Copyright © 2011-2022 走看看