Is it possible to determine whether a v-if or v-show triggered the @leave event in a Vue Transition component?

[rick-hup]

Is it possible to determine whether a v-if or v-show triggered the @Leave event in a Vue Transition component?

[ujamX]

HI, @rick-hup

To verify this, you can check the logs to see if the transition event is being called normally.

The @Leave event is fired when an element is removed from the DOM in a Vue transition.
So, in v-if, it is removed from the DOM and the event is fired. v-show is not removed from the DOM, it only changes the display style, so the event is not fired.

[rick-hup]

Both v-if and v-show trigger leave transition events. The difference lies in what happens when the done function is called:
v-show sets the element's display to none
v-if removes the element from the DOM

[ujamX]

apologize for the confusion.
Both v-if and v-show trigger leave transition events.
As you said v-if removes the element from the DOM.
v-show sets the element's display to none.

After an event is fired, wouldn't it be nice to know if the event was fired by checking whether the element remains in the DOM?