[Vuejs]-Slide transition on tab (one pushing the other)

I found the issue. I don’t know why in the Vue transition documentation the css class added at enter is v-enter but the class applied in reality is v-enter-from…

this css class :

.slide-left-enter

becomes :

.slide-left-enter-from

Instead of coding it by yourself, you can use npm version of the transition. It will also help you with its API, Guides and Examples, so that you don’t have to worry about those.