前端开发swiper轮播，切换显示和隐藏父元素时出现的问题

最近开发的一个项目，里边的轮播图用的是swiper，遇到的问题就是，如果在一个弹出层内写swiper轮播时，当切换显示隐藏的时候，swiper会失效，样式有可能会变乱。
解决方法：

<script language="javascript"> 
  var mySwiper = new Swiper('.swiper-container',{
    observer:true,
    observeParents:true,
  })
</script>

可以看一下swiper官网API详解：https://www.swiper.com.cn/api/observer/219.html
希望可以帮助到，遇到这种问题的同行们。