关于swiper的一个坑

最新推荐文章于 2023-02-22 16:56:30 发布

原创最新推荐文章于 2023-02-22 16:56:30 发布 · 432 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #swiper

js 专栏收录该内容

16 篇文章

订阅专栏

探讨了Swiper轮播组件在动态加载内容时遇到的问题，即自动轮播时未初始化后的数据不显示。通过调整初始化时机，即将Swiper初始化放置在数据加载后，解决了这一难题。

目前发现一个大坑，swiper里面的具体内容是动态加载的，在自动轮播的时候，如果数据是在初始化之后，则这个内容是不显示的，（怀疑自动轮播的时候是有模板缓存的，即使审查元素也是不现实的），关于update,init方法重新初始化也是不管用的，这两类的方法估计是关于组件元素更新的，不会涉及具体的内容

 <div class="swiper-slide">
                        <div class="detailBox">
                            <div class="sub-title">为<span id="num2"></span>客户提供意外保险、健康保险等多方面的周全保障。</div>
                        </div>
                    </div>