Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How add event 'slideChange' on slider?

See original GitHub issue

How add event ‘slideChange’ on slider?

my code don’t working. mounted () { // instance this.swiper = this.$refs.mySlider.swiper this.swiper.on('slideChange', function () { console.log('slide changed') }) }

swiperOption: { on: { slideChange () { console.log('slideChange') } } }

Issue Analytics

State:
Created 6 years ago
Comments:9 (5 by maintainers)

Top GitHub Comments

2reactions

surmon-chinacommented, Jan 17, 2018

@begbeder

https://github.com/surmon-china/vue-awesome-swiper/pull/238 https://github.com/surmon-china/vue-awesome-swiper/blob/master/src/swiper.vue#L48

<swiper @slideChange="slideChanged">...
swiperOption.on...
mounted...

0reactions

chairuosencommented, Aug 24, 2020

use this to hack it on 2.6.7

this.$refs.yourVueSwiperRef.swiper.on('onSlideChangeEnd', () => {
      //this.onSlideChange();
    });

Top Results From Across the Web

javascript - How to make event on slide move forward and ...

I want to make two different functions on two events(slider moves forward and ... In documentation there is one similar event(slideChange), ...

Swiper API

Slider main container --> <div class="swiper"> <! ... All transition start/end related events (use slideChange instead); slidesPerGroup has limited support ...

Swiper Slider with Scrollbar + Slide-Change-Event - CodePen

Add Class(es) to <html>. Adding Classes. In CodePen, whatever you write in the HTML editor is what goes within the ...

jQuery UI Slider change Event - GeeksforGeeks

Bind an event listener to the slidechange event: ... CDN Link: First, add jQuery UI scripts needed for your project.

Events - Glide.js

A dependency-free JavaScript ES6 slider and carousel. It's lightweight, flexible and fast. Designed to slide. No less, no more.