@slide-change does not get fired in the new version 11

[kiketordera]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/p/sandbox/wandering-meadow-vqwwng

Bug description

The function provided in @slide-change does not get executed when the slider is changed to another slide

Steps to reproduce:
Install swipper version 11, create a function to be called on @slideChange and monitor his execution

Code example for .vue file:

<template>
  {{ executed }}
  <swiper-container
    :slides-per-view="3"
    effect="coverflow"
    :centered-slides="true"
    :autoplay="{ delay: 5000 }"
    :navigation="true"
    :pagination="{
      type: 'fraction',
    }"
    @slide-change="onSlideChange"
  >
    <swiper-slide>
      slide 1
    </swiper-slide>
    <swiper-slide>
      slide 2
    </swiper-slide>
    <swiper-slide>
      slide 3
    </swiper-slide>
  </swiper-container>
</template>

<script setup lang="ts">

const executed = ref(false)

function onSlideChange (e: any) {
  executed.value = true
  console.log('exacuted')
}

</script>

Expected Behavior

The function provided in @slide-change should get executed when the slider is changed to another slide

Actual Behavior

The function provided in @slide-change does not get executed when the slider is changed to another slide

Swiper version

11.0.0

Platform/Target and Browser Versions

Chrome latest

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[yuriystasiv]

I'm facing the same issue

[GNURub]

The problem is that the events now have a default prefix (swiper). I have the same problen in angular i have to do (swiperslidechange)="..." or you have to set the option {eventPrefix: ""}

[kiketordera]

Exactly, that made the trick @GNURub thanks! Maybe the examples in the documentation needs to be updated?

[Tanish2001]

In my case slideChangeTransitionEnd, reachBeginning, afterInit and other events are not getting triggered, Do i need to write them too like this swiperafterInit?

[radhouenchbinou]

Use swiperslidechange instead of slidechange

[WaqarKhan3]

I had this issue and wasn't able to figure out the problem since yesterday. Using swiperslidechange instead of slidechange did work. Thanks to @GNURub and @radhouenchbinou

[jgarciax]

Utilice swiperslidechange en lugar de slidechange

GRAAAANDE, me salvaste