Listening to Events
The transition-controller extends the seng-event module so it can dispatch events, it will dispatch transition events for all states of your animation.
Example
...
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();
},
...
Last updated