title: How can I get the index of the current slide, when the slide is changed?
body: <p>I have the following</p>
  
  <pre><code>mySwiper = new Swiper('.my-swiper', {
      direction: 'vertical',
      loop: true,
  });
  mySwiper.on('slideChange', function () {
      console.log('*** mySwiper.realIndex', mySwiper.realIndex);
  });
  </code></pre>
  
  <p>But <code>realIndex</code> always returns the previous index. So if I'm on the first slide (0) and go to the next, <code>realIndex</code> is 0 when it should be 1. When I go back to the first slide <code>realIndex</code> is 1 when it should be 0. So it seems the event fires before the index is updated. I've tried other events but haven't had any luck. Is there an event that fires <em>after</em> the slide is changed so that I can capture the current slide index?</p>