swiper.js 4 浏览器窗口大小改变造成的样式bug

Question

一刷新样式是没错的 一旦改变浏览器窗口大小样式就错了,窗口大小再改回来也不行,重新刷新页面就可以恢复正常
请问这种屏幕大小计算的问题怎么解决

  <div class="excereal">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <!-- Slides -->
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
      </div>
      <!-- <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>-->
    </div>
  </div>


  new this.$swiper(".swiper-container", {
      spaceBetween: 30,
      slidesPerView: 3,
      slidesPerView: "auto",
      centeredSlides: true,
      roundLengths: true,
      autoplay: true,
      loop: true,
      autoHeight:true, 
      autoWidth:true, 
      loopAdditionalSlides: 30,
      navigation: {
        // nextEl: ".swiper-button-next",
        // prevEl: ".swiper-button-prev"
      }
    });
    
    

Answer 1

// 监听游览器大小变化
window.onresize=function(){
    swiper.update();
}

Answer 2

https://www.swiper.com.cn/api...
https://www.swiper.com.cn/api...
https://www.swiper.com.cn/api...

去看看这三个链接，应该可以解决你的问题