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()在這個函數里面執行

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM