使用swiper动态加载数据遇到的坑

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用swiper动态加载数据遇到的坑相关的知识,希望对你有一定的参考价值。

参考技术A 在页面开始先初始化的swiper,再发送请求动态加载数据然后生成html插入到swiper的容器里,然后发现多个swiper-slide之间没有间距贴在一起,滑不动的问题,按照官方示例生成的swiper-slide在右键审查元素时应该在动态添加上translate,rotate等属性,但是实际没有。
最开始怀疑是不是我引入的swiper不是最新版本,更新到最新版本后问题依然存在,然后想起是初始化的问题。

以上是关于使用swiper动态加载数据遇到的坑的主要内容,如果未能解决你的问题,请参考以下文章

图片轮播-swiper动态加载

动态加载swiper,默认显示最后一个swiper-slide怎么办

swiper-动态更改数据后轮播点击或拖动失效

swiper5切换页面数据动态加载

swiper 解决动态加载数据滑动失效的问题

动态加载swiper,默认显示最后一个swiper-slide解决方案???