swiper动态生成的时候,滑动不生效,loop失效
这个时候需要在swiper动态生成渲染到页面中后去初始化new Swiper ()
使用定时器延时初始化
//动态创建slide
<div class="swiper-container" >
<div class="swiper-wrapper five-wrapper">
<!--<div class="swiper-slide"></div>-->
<!--<div class="swiper-slide"></div>-->
</div>
</div>
//添加
//observer: true
//observeParents: true
//通过添加定时器延时创建swiper 等待数据获取完成再创建swiper
setTimeout(()=>{
let fiveSwiper = new Swiper($container, {
observer: true,//修改swiper自己或子元素时,自动初始化swiper
observeParents: true,//修改swiper的父元素时,自动初始化swiper
loop: {
disableOnInteraction: true,
},
autoplay: {
delay: 3000,
disableOnInteraction: false
},
});
},100);