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 vote376 views1 answer
Jsconfig for default vue
Javascript Vue
0 vote374 views2 answers
To show which tab is active in VueJS
Javascript Vue
0 vote381 views1 answer
How do I disable running an app on the local network when using vue-cli?
Javascript Vue
2 votes360 views1 answer
Vue router 404 page
Javascript Vue
4 votes375 views3 answers
Vue computed
Javascript Vue
0 vote388 views1 answer
Vue component: { render:
Javascript Vue
0 vote298 views1 answer
Vue 3 emit update prop
Javascript Vue
0 vote359 views2 answers
Vue chart nuxt
Javascript Vue
8 votes383 views3 answers
Query params vuejs
Javascript Vue
4 votes359 views1 answer
How to create a global variable in vue
Javascript Vue