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 vote342 views1 answer
How to add bootstrap to vue js
Javascript Vue
0 vote366 views1 answer
Vue google map api for user marker location
Javascript Vue
0 vote360 views1 answer
Vue js destroyed
Javascript Vue
0 vote333 views1 answer
Cargar datos de un id con inner join vue js
Javascript Vue
2 votes335 views1 answer
Add tailwind to vue 3
Javascript Vue
1 vote331 views1 answer
Vuejs delay watch
Javascript Vue
0 vote348 views1 answer
How to use vue.js in expressjs with pug
Javascript Vue
1 vote328 views1 answer
Convert string to array vuejs
Javascript Vue
0 vote341 views1 answer
The data option must be a function. Plain object usage is no longer supported. vue
Javascript Vue
4 votes359 views2 answers
Router link active in vue.js
Javascript Vue