swiper3踩坑

1. 公司一个项目里用的 swiper3 然后同一项目下还装了vue-awesome-swiper需求swiper4。。。研究半天终于搞明白第一个问题

2. 然后我寻思就按照swiper3官网文档来写吧,结果出一大堆问题

 有些时候正常,有些时候只能加载部分配置很迷,原因是轮播图的数据是异步ajax请求获取的,页面渲染之后获取不到swiper-slide的个数,导致的功能失效

见:https://blog.csdn.net/douyiqing/article/details/100106297

需要添加两个监视器observer,observeParents为true 来重新更新Swiper实例

 

3. 前面解决完之后又遇到loop失效的问题,真是头痛。解决方案:把new Swiper的函数放在nextTick里面,或者设个定时器

原文地址:https://www.cnblogs.com/sphjy/p/12912976.html