记录vue项目中使用swiper 插件的坑!
报错为
mySwiper.slideTo is not a function
刚开始以为是版本问题,更换了版本发现还是存在这个错误。
<div id="swiper-big-image" style="z-index: 19891025;" v-show="showSwiper">
<div class="photo-wrapper">
<div class="photo-swiper">
<div class="swiper-container">
<div class="swiper-wrapper" v-html="htmlCont"></div>
</div>
<div class="close-photos-box iconfont icon-close" @click="showSwiper=false"></div>
<div class="prev iconfont icon-arrow-left" v-show="showArrow" @click="slids(0)"></div>
<div class="next iconfont icon-arrow-right" v-show="showArrow" @click="slids(1)"></div>
</div>
</div>
</div>
后来发现是 在最外层的div中使用了 v-if
将v-if 换成v-show后报错解决
mySwiper = new Swiper('.swiper-container',{
zoom : true,
observer: true,
observeParents: true,
navigation: {
nextEl: '.next',
prevEl: '.prev',
disabledClass: 'disabled'
},
});
swiper.slideNext swiper.sldePrev 也正常了。。