1. 程式人生 > >angular4 使用swiper 首次加載問題(一)

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

開發 wip 二次 周期 cnp 文件中 當前 研究 發現

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

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

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

後來就開始找解決方案

我目前采用的是 先 cnpm install swiper

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

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

以上是第一種方法。

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

首先建立一個js文件。

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

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

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