vue-awesome-swiper翻页时,动画不执行

4次阅读

vue-awesome-swiper,翻页时,页面中写的动画不执行

从网上搜索,大家说添加onInitonSlideChangeEnd就可以,但是我加上并无卵用;
也有说添加observer:true;然而并没有效果。

相关代码

 <swiper :options="swiperOption">
    <swiperSlide class="slide slide1">
      <div class="slide1-word1 animated vanishIn"></div>
      <div class="slide1-word2 animated pulse loop"></div>
      <div class="slide1-title animated pulse loop"></div>
      <div class="slide1-pic animated zoomIn"></div>
    </swiperSlide>
    <swiperSlide class="slide slide2">
      <div class="slide2-title animated slideInDown"></div>
      <div class="slide2-word1 animated ball"></div>
      <div class="slide2-picts"></div>
      <div class="slide2-start animated slowFlash"></div>
      <div class="slide2-jt animated topGuide loop"></div>
    </swiperSlide>
  </swiper>
  


   
   swiperOption: {
     direction: "vertical",
    slidesPerView: 1,
    observer: true,
    observeParents: true,
    onInit: function(swiper) {
      swiperAnimateCache(swiper);
      swiperAnimate(swiper);
    },
    onSlideChangeEnd: function(swiper) {
      swiperAnimate(swiper);
    }
  }


麦篱落

http://jsrun.net/nDhKp/edit

要重新赋值

swiperAnimate这个方法,你的代码会直接报错,因为你没这个函数啊。。。

linong

正文完