vue-awesome-swiper,翻页时,页面中写的动画不执行
从网上搜索,大家说添加onInit
,onSlideChangeEnd
就可以,但是我加上并无卵用;
也有说添加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);
}
}
要重新赋值
swiperAnimate
这个方法,你的代码会直接报错,因为你没这个函数啊。。。