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

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);
    }
  }


阅读 3.4k
1 个回答
http://jsrun.net/nDhKp/edit

要重新赋值

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题