Mouse scroll is not working on this swiper

[leonace924]

<swiper ref="mySwiper" class="swiper" :options="swiperOption"> </swiper>


data() {
    return {
      swiperOption: {
        direction: "vertical",
        slidesPerView: 1,
        mousewheel: true
      }
    };
  },

I set as this but when I scroll mouse on this Swiper, scroll is working only once and stop working

Can you update me with this?

Thank you

[surmon-china]

Can you reproduce this problem on platforms like jsfiddle ?

[leonace924]

Thank you for your fast response.

https://github.surmon.me/vue-awesome-swiper/

First of all. in this element, I cannot scroll down with once... Sometimes, I cannot go through to next element with one scroll - trying few more times to do that

I am uploading my site to live so I can show you more clearly at that time

Hope you to solve this issue Thanks again

[leonace924]

https://co-create-ambassador.netlify.app/ambassador

This is the link of live site and you can check challenge swiper and it's not working well with mouse scroll.. I can only scroll down once and cannot do that after one time

[surmon-china]

@AceBerry924 Page Not Found.

[leonace924]

https://co-create-ambassador.netlify.app/

Go to this link and

Click this button then you will see swiper

[surmon-china]

My test results are normal, there is no reproducible problem of sliding only once.

[leonace924]

Oh, that's weird...

[leonace924]

@surmon-china

https://drive.google.com/open?id=1MnSZCRer0ofh1hlpHvfb-WoT7XIdWtYE

This is the video on my side

I cannot scroll down with one mouse scroll, you can see swiper is stuck when I scroll down...

What will be the issue?

[Month7]

<swiper ref="mySwiper" class="swiper" :options="swiperOption"> </swiper>


data() {
    return {
      swiperOption: {
        direction: "vertical",
        slidesPerView: 1,
        mousewheel: true
      }
    };
  },

I set as this but when I scroll mouse on this Swiper, scroll is working only once and stop working

Can you update me with this?

Thank you

i also have this problem

[isuke01]

Yep same issue, look at my replay, and temporary fix, might help :D https://github.com/surmon-china/vue-awesome-swiper/issues/647#issuecomment-630188174

[vino1994]

Has this problem been solved?

[Ljsxx]

I solved the problem this way

import Vue from 'vue'
// Swiper 6.x
import {Swiper as SwiperClass, Mousewheel} from 'swiper/core';
import getAwesomeSwiper from 'vue-awesome-swiper/dist/exporter';
import 'swiper/swiper-bundle.css';

// Swiper modules
SwiperClass.use([Mousewheel]);
// Global use
Vue.use (getAwesomeSwiper(SwiperClass));

swiper version

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