[Bug] Swiper is not looping correctly
Author: AndrewBogdanovTSSCreated Sep 17, 2018Updated Mar 31, 2023
Vue.js version and component version
2.5.17
Nuxt version
2.0.0-25550715.56db988
Reproduction Link
https://github.com/AndrewBogdanovTSS/nuxt2-awesome-swiper
Steps to reproduce
- Specify swiper options as stated below
- Set div.swiper-slide style width to
autoto wrap to a size of the provided image
Swiper settings config object
swiperOptions: {
pagination: {
el: '.swiper-pagination',
clickable: true
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
loop: true,
slidesPerView: 'auto',
loopedSlides: 10
}What is Expected?
Swiper is looping indefinitely in both directions
What is actually happening?
Swiper is looping indefinitely only backwards
Source: surmon-china/vue-awesome-swiper