angular 在使用外部插件swiper 还是有不少小坑的,下面来聊一聊。angular在使用swiper 的一些坑
一开始觉得使用外部引入的方式比较好,就在外部定义了。简单快捷方便,
但是在开发后期,发现会出现这样的bug (首次加载swiper 不起作用,只有在二次刷新的时候,才能发挥作用。)深入研究发现,这个主要是angular的一个运行机制问题。
后来就开始找解决方案
我目前采用的是 先 cnpm install swiper
然后在需要引入的页面应用 import * as swiper from Swiper
之后再当前生命周期,初始化的时候,初始化这个swiper 就解决这个问题了。
以上是第一种方法。
还有另外的方案(是同事弄的)
首先建立一个js文件。
将需要初始化的swiper函数放在js文件中。
然后用require的方式,放在初始化函数当中。如果能够直接调用require的话,就直接调用,如果不能的话,就需要在函数什么require 方法。