使用swiper出现样式错乱的问题,解决方法

正确的布局;
使用swiper出现样式错乱的问题,解决方法
文章图片

打开页面是这样的;
使用swiper出现样式错乱的问题,解决方法
文章图片

那么解决的办法是:
在swiper初始化内添加这两个属性就可以了;

  1. observer:true,//修改swiper自己或子元素时,自动初始化swiper
  2. 【使用swiper出现样式错乱的问题,解决方法】observeParents:true,//修改swiper的父元素时,自动初始化swiper

    推荐阅读