使用 Swiper Animate时，隐藏某个 swiper-slide，动画失效。

Question

<div class="swiper-container">
    <div class="swiper-wrapper">
    
        <div class="swiper-slide blue-slide">
        <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">1内容</p>
        </div>
        
        <div class="swiper-slide red-slide">
        <p class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">2内容</p>
        </div>
        
        <div class="swiper-slide orange-slide">
        <p class="ani" swiper-animate-effect="shake" swiper-animate-duration="1.5s" swiper-animate-delay="0s">3内容</p>
        </div>
        
    </div>
</div>

目前是手机端，某个 swiper-slide 需要隐藏。比如加上：

<style>
.swiper-slide:nth-child(1){
  display: none;
}
</style>

<div class="swiper-container">
    <div class="swiper-wrapper">
    
        <div class="swiper-slide blue-slide">
        <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">1内容</p>
        </div>
        
        <div class="swiper-slide red-slide">
        <p class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">2内容</p>
        </div>
        
        <div class="swiper-slide orange-slide">
        <p class="ani" swiper-animate-effect="shake" swiper-animate-duration="1.5s" swiper-animate-delay="0s">3内容</p>
        </div>
        
    </div>
</div>

这个时候 Animate 的动画就失效了。
在百度查过 需要添加

observer: true, 
observeParents: true,

加上之后没有效果。
麻烦用过这个组件的 谢谢啦。