angular4 使用swiper 首次加載問題(一)


angular 在使用外部插件swiper 還是有不少小坑的,下面來聊一聊。angular在使用swiper 的一些坑

 

一開始覺得使用外部引入的方式比較好,就在外部定義了。簡單快捷方便,

但是在開發后期,發現會出現這樣的bug (首次加載swiper 不起作用,只有在二次刷新的時候,才能發揮作用。)深入研究發現,這個主要是angular的一個運行機制問題。

 

后來就開始找解決方案

我目前采用的是 先  cnpm install swiper

然后在需要引入的頁面應用  import * as swiper from Swiper

 

之后再當前生命周期,初始化的時候,初始化這個swiper 就解決這個問題了。

以上是第一種方法。

還有另外的方案(是同事弄的)

首先建立一個js文件。

將需要初始化的swiper函數放在js文件中。

然后用require的方式,放在初始化函數當中。如果能夠直接調用require的話,就直接調用,如果不能的話,就需要在函數什么require 方法。

 


免責聲明!

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



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