码迷,mamicode.com
首页 > 其他好文 > 详细

angular4 使用swiper 首次加载问题(一)

时间:2017-07-23 12:36:15      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:from   刷新   作用   方便   import   页面   文件   一个   方法   

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

 

一开始觉得使用外部引入的方式比较好,就在外部定义了。简单快捷方便,

但是在开发后期,发现会出现这样的bug (首次加载swiper 不起作用,只有在二次刷新的时候,才能发挥作用。)深入研究发现,这个主要是angular的一个运行机制问题。

 

后来就开始找解决方案

我目前采用的是 先  cnpm install swiper

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

 

之后再当前生命周期,初始化的时候,初始化这个swiper 就解决这个问题了。

以上是第一种方法。

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

首先建立一个js文件。

将需要初始化的swiper函数放在js文件中。

然后用require的方式,放在初始化函数当中。如果能够直接调用require的话,就直接调用,如果不能的话,就需要在函数什么require 方法。

 

angular4 使用swiper 首次加载问题(一)

标签:from   刷新   作用   方便   import   页面   文件   一个   方法   

原文地址:http://www.cnblogs.com/jack-lin/p/7223919.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!