swiper3踩坑

2023-02-15

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

swiper3踩坑的相关教程结束。

《swiper3踩坑.doc》

下载本文的Word格式文档,以方便收藏与打印。