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 vote158 views2 answers
Vuetify data table expanded icon example
Javascript Vue
0 vote122 views2 answers
Vue test utils emit from child component
Javascript Vue
3 votes307 views2 answers
Vue add watcher
Javascript Vue
1 vote182 views2 answers
Vue settimeout in computed
Javascript Vue
1 vote163 views1 answer
Vue moment js difference between dates in minutes
Javascript Vue
17 votes452 views6 answers
Vue js
Javascript Vue
0 vote285 views1 answer
How do I disable running an app on the local network when using vue-cli?
Javascript Vue
0 vote162 views1 answer
Jsconfig.json vue
Javascript Vue
4 votes123 views4 answers
Vue scroll to top
Javascript Vue
0 vote143 views1 answer
Vuelidate custom error messages
Javascript Vue