一般这种问题是发生在父元素设置的display:none,然后显示出来后,swiper插件失效。
一般情况下应该在本身元素 或者父元素 显示出来 然后再调用swiper实例
或者在初始化swiper时加两行:
observer:true,//修改swiper自己或子元素时,自动初始化swiper
observeParents:true//修改swiper的父元素时,自动初始化swiper
var swiper5 = new Swiper('.swiper-container', { slidesPerView: 3, spaceBetween: 30, observer:true, observeParents:true });
swiper启动动态检查器(OB/观众/观看者)官方文档:http://www.swiper.com.cn/api/Observer/2015/0308/218.html
1.如需转载本站原创文章,请务必注明文章出处并附上链接,非常感谢。
2.本站用于记录个人 工作、学习、生活,非商业网站,更多信息请 点击这里
上一篇: VUE生命周期钩子函数的知识点整理
下一篇: vue部署服务器子目录的问题
useful,2dlive爱了(* ॑꒳ ॑* )⋆*