[Vuejs]-Transition inside <router-view>

by

0👍

All you have to do is to define transition classes.

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

One example: https://codepen.io/anon/pen/xWjZgM

There’s a very detailed official documentation page on Vue transitions.

Leave a comment