每个tab切换块里嵌套swiper不正常显示问题的解决方法

今天,我的小伙伴跟我说她在每个tab切换块里嵌套swiper轮播时出现了问题,除了第一个tab切换块里的swiper是正常的其余全不正常,这让我想起了之前写官网也遇到这个问题,于是做了这个随记,希望能帮到也遇到这样问题的小伙伴同时方便自己以后查阅。

解决方法:

在swiper初始化设置里加入下面两个属性:

observer:true,                 //修改swiper自己或子元素时,自动初始化swiper

observeParents:true,     //修改swiper的父元素时,自动初始化swiper

你可能感兴趣的:(每个tab切换块里嵌套swiper不正常显示问题的解决方法)