Newby: How do you use slider events e.g. ionSlideTransitionStart in Ionic Vue?

Ionic Framework Ionic Vue
2

According to this post’s answer, it works if you use ionSlideDidChange like so

      <ion-slides @ionSlideDidChange="ionSlideDidChange">
        <ion-slide>
          <p>Slide 1</p>
        </ion-slide>
        <ion-slide>
          <p>Slide 1</p>
        </ion-slide>
        <ion-slide>
          <p>Slide 1</p>
        </ion-slide>
      </ion-slides>

Methods

  methods: {
    ionSlideDidChange({ target }) {
      target.getActiveIndex().then(i => {
        console.log(i) // slide index
      });
    }
  },
2 Likes