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

2 votes348 views1 answer
Clear input from file vue
Javascript Vue
0 vote374 views2 answers
Vuelidate require if
Javascript Vue
1 vote371 views1 answer
Vuejs v-for reverse
Javascript Vue
0 vote347 views1 answer
Webpack vue global variable
Javascript Vue
0 vote317 views1 answer
Vuejs on route scrollbehavior
Javascript Vue
2 votes338 views1 answer
Vue axios catch error
Javascript Vue
2 votes330 views1 answer
Add tailwind to vue 3
Javascript Vue
0 vote328 views1 answer
How to manage the key press and blur with input id in vue js
Javascript Vue
0 vote380 views1 answer
How to generate random text in vue js
Javascript Vue
0 vote370 views2 answers
Javascript vue.js right click
Javascript Vue