How does SwiperSlide know it becomes active?

1

How does <SwiperSlide/> know it becomes active?

2

VUE:

Create or get swiper instanse, then set event listener

 this.Swiper = this.$f7.swiper.create('#swiper');            
 this.Swiper.on('slideChange', () => {              
   this.slideChange(this.Swiper.activeIndex);
  });
3

Or pass directly callback to params:

<Swiper
  params={{
    on: {
      slideChange: onSwiperSlideChange,
    }
  }}
>...</Swiper>

function onSwiperSlideChange() {
  const swiper = this; // event handler will be bound to swiper instance
  console.log(swiper.activeIndex);
}
4

Yeah, but they are in different files. The slide itself should have a onActivate event. onDeactivate as well. Feature Request.

5

It is difficult to give advice without seeing the code. Try use Event bus