滑动器在页面加载时不起作用

Question

我从 https://github.com/nolimits4web/Swiper/blob/master/demos/23-thumbs-gallery.html

导入代码

但是我遇到的第一个问题是滑块没有显示，所以我通过将

min-height: 250px;

添加到 div 类 .swiper-slide 来解决这个问题（这是我唯一更改的），我的新问题是滑块不显示没用。
当我调整浏览器大小时，滑块突然工作，我找不到导致问题的原因。

您可以在nielsvt.remvoo.com观看滑块，然后部分投资组合，滑块将在页面底部可见

Answer 1

我也有类似的问题。我只是通过在页面加载后初始化滑动器来修复它。

useEffect(()=> {
    swiper.init()
}, [])

Answer 2

在 swiper 部分定义中将观察者属性设置为 true。

const swiper = new Swiper(swiperIdentifier, {
      ...
      observer: true,
    });