search

surmon-china / vue-awesome-swiper

🏆 Swiper component for @vuejs
https://github.surmon.me/vue-awesome-swiper
MIT License
12.82k stars 1.96k forks source link

Paramateres for "slide changed" event #750

Open RasmusO95 opened 3 years ago

RasmusO95 commented 3 years ago

Vue.js version and component version

"swiper": "5.4.5", "vue-awesome-swiper": "^4.1.1",

This isn't as much as a bug report as a feature request, and might even not be something that is related to the vue-wrapper here, but more to the swiper engine behind. I am just curious as how to properly have 1 slider act as a navigation for another, besides setting the controller.control = $slider, that did not work great at all :P

As i see here: https://swiperjs.com/api/ that the slideChange event does not emit any parameteres, not even an active/previous index :/!?!??! So i have to manually go and get the index:

handleSlideChange() { const thumbIndex = this.$refs.thumbs.$swiper.activeIndex; this.$refs.slider.$swiper.slideTo(thumbIndex, 0); }

Really seems cumbersome, is there a better way to do this?

AndrewBogdanovTSS commented 3 years ago

@RasmusO95 did you try setting thumbs: {swiper} ? Check this example https://stackblitz.com/edit/swiper-demo-30-thumbs-gallery?file=index.html