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里面,或者设个定时器

 

posted @ 2020-05-18 21:07  谁凭花解语  阅读(580)  评论(0编辑  收藏  举报