Vue router transition

// then, in the parent component,
// watch the `$route` to determine the transition to use
watch: {
  '$route' (to, from) {
    const toDepth = to.path.split('/').length
    const fromDepth = from.path.split('/').length
    this.transitionName = toDepth < fromDepth ? 'slide-right' : 'slide-left'
  }
}

Source: router.vuejs.org

Similar codes

0 vote134 views1 answer
One component to another component in vuejs trigger function
Javascript Vue
1 vote123 views2 answers
Target data option select vue js
Javascript Vue
0 vote131 views2 answers
Vuetify data table expanded icon example
Javascript Vue
1 vote146 views4 answers
For loop vue object
Javascript Vue
2 votes132 views1 answer
How to run vue js project on different port
Javascript Vue
11 votes136 views2 answers
Vue nextTick
Javascript Vue
0 vote135 views2 answers
Action checkbox selected vue js
Javascript Vue
0 vote89 views1 answer
Vue tilt
Javascript Vue
1 vote147 views1 answer
Vuejs v-for reverse
Javascript Vue
3 votes134 views2 answers
Input will get only number vue
Javascript Vue