问题产生的原因:
swiper初始化时部分元素还没有加载,导致swiper中的某些功能没有绑定到元素上;
解决方法:
swiper中有一个observer属性,在observe:true时,当我们修改swiper的子元素时,会自动初始化swiper,并该指令一般情况下搭配 observeParents:true,一起使用 即当Swiper的父元素变化时,会更新swiper。
以下为示例代码:
new Swiper(".mySwiper_1", { effect: "coverflow", grabCursor: true, centeredSlides: true, slidesPerView: "auto", observer: true,//解决swiper初始化时dom元素还没有加载完成造成的不能轮播 observeParents: true,//解决swiper初始化时dom元素还没有加载完成造成的不能轮播 initialSlide :4, coverflowEffect: { rotate: 40, stretch: 0, depth: 50, modifier: 1, slideShadows: true, }, });