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

1 vote317 views1 answer
Get text inside span vue test utils
Javascript Vue
2 votes295 views1 answer
Vue pdf vue jest
Javascript Vue
8 votes336 views2 answers
Get params from route vuejs
Javascript Vue
1 vote322 views1 answer
Fetch composition API in Vue3
Javascript Vue
2 votes320 views1 answer
Clear input from file vue
Javascript Vue
3 votes275 views2 answers
Vue event
Javascript Vue
-1 vote312 views1 answer
How to map over arrays vuejs
Javascript Vue
1 vote328 views2 answers
Get object from list of objects in vuejs with condition
Javascript Vue
0 vote309 views1 answer
Vue JS Production mode refresh causing 404 error
Javascript Vue
3 votes318 views2 answers
Countdown using vue
Javascript Vue