The transition controller uses the seng-event module to dispatch events. The following events are dispatched:

  • TransitionInStart
  • TransitionInComplete
  • TransitionOutStart
  • TransitionOutComplete

You can listen to the by adding an event listener to the transitionController:

...
import { TransitionEvent } from 'vue-transition-component';
...
...
handleAllComponentsReady() {
  this.transitionController = new DummyComponentTransition(this);
  this.transitionController.addEventListener(TransitionEvent.TRANSITION_IN_START, () => {
    console.log('transition in start');
  });
  this.transitionController.addEventListener(TransitionEvent.TRANSITION_IN_COMPLETE, () => {
    console.log('transition in complete');
  });
  this.transitionController.addEventListener(TransitionEvent.TRANSITION_OUT_START, () => {
    console.log('transition out start');
  });
  this.transitionController.addEventListener(TransitionEvent.TRANSITION_OUT_COMPLETE, () => {
    console.log('transition out complete');
  });
  this.isReady();
},
...