How to get the current active slide index?

i have this simple

  <swiper id="swiper-container" :options="swiperOption" @slideChange="runOnChange">
    <div class="swiper-pagination" slot="pagination" v-on:slide></div>
    <swiper-slide class="map">Slide 1</swiper-slide>
    <swiper-slide class="scan">Slide 2</swiper-slide>
    <swiper-slide class="info">Slide 3</swiper-slide>
  </swipedfdfr>

And I would like to get the current active slide.

But when I run on the swiperOption funciton mySwipe.activeIndex() I always get a 0

[ybroch]

you can add a event then easy to get it on v3.1.3,like this: <swiper :options="swiperOption" @slideChange="changeSwiperIndex" ref="mySwiper">and set a mothods like thischangeSwiperIndex () { return this.$refs.mySwiper.swiper.activeIndex }

[AndiDomi]

ok, it took a bit of time but in the end I made it work this is my final code if someone needs it

<template>
  <swiper :options="swiperOption" ref="mySwiper">
    <!-- slides -->
    <swiper-slide class="info" >I'm Slide 1</swiper-slide>
    <swiper-slide class="info">I'm Slide 2</swiper-slide>
    <swiper-slide class="info">I'm Slide 3</swiper-slide>
    <swiper-slide class="info">I'm Slide 4</swiper-slide>
    <swiper-slide class="info">I'm Slide 5</swiper-slide>
    <swiper-slide class="info">I'm Slide 6</swiper-slide>
    <swiper-slide class="info">I'm Slide 7</swiper-slide>
  </swiper>
</template>

<script>
  export default {
    name: 'carrousel',
    data(){
      const vue = this;
      return {
        swiperOption: {
          notNextTick: true,
          setWrapperSize :true,
          autoHeight: true,
          onSlideChangeEnd:function(){
            this.onSwipe()
          }
        }
      }
    },

    methods : {
      onSwipe(varuable) {
        console.log('Get ready to see the slide you are in')
        console.log(varuable.swiper.activeIndex);
      }
  },
  computed: {
    swiper() {
      return this.$refs.mySwiper.swiper
    }
  },
  mounted() {
    console.log('this is current swiper instance object',this.swiper);
    console.log('active? ',this.swiper.activeIndex );
    this.swiper.on('slideChange',()=>{
      this.onSwipe(this)
    });

  }
  }
</script>

<style scoped>

  .info{
    margin-inside: 10px;
    height: 75vh;
    width:100%;
    background-color: yellow;
  }

</style>