<router-link> doesn't work properly

[ivanradojevic-web-dev]

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

When I click router-link, url is changing, but doesn't redirect to the page. Only if I refresh.

data() {
      return {
        swiperOption: {
          slidesPerView: 4,
          spaceBetween: 50,
          loop: true,
          loopFillGroupWithBlank: true,
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev'
          },
          breakpoints: {
            1024: {
              slidesPerView: 4,
              spaceBetween: 40
            },
            768: {
              slidesPerView: 3,
              spaceBetween: 30
            },
            640: {
              slidesPerView: 2,
              spaceBetween: 20
            },
            10: {
              slidesPerView: 1,
              spaceBetween: 10
            }
          }
        },
        randomProducts: [],
      }
    },

[AndrewBogdanovTSS]

Please, fork this sandbox and provided reproduction https://codesandbox.io/s/nuxt-vue-awesome-swiper-v223m?file=/components/Swiper.vue

[ivanradojevic-web-dev]

Please, fork this sandbox and provided reproduction https://codesandbox.io/s/nuxt-vue-awesome-swiper-v223m?file=/components/Swiper.vue

Hello Andrew, There is not much philosophy. I figured that is working without loop option.

[AndrewBogdanovTSS]

Is it happening only for duplicated slides?

[notfoolen]

Is it happening only for duplicated slides?

Hello Andrew. I have the sampe problem. Yes it happens only with loop