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

3 votes60 views1 answer
Vue watch child component property
Javascript Vue
0 vote107 views1 answer
Cargar datos de un id con inner join vue js
Javascript Vue
2 votes90 views1 answer
Vue router 404 page
Javascript Vue
4 votes96 views1 answer
How to create a global variable in vue
Javascript Vue
1 vote93 views1 answer
Vue test form input
Javascript Vue
0 vote98 views1 answer
Global axios vue 2
Javascript Vue
3 votes111 views1 answer
Submit form in vue
Javascript Vue
4 votes111 views2 answers
Global variable vuejs
Javascript Vue
0 vote107 views1 answer
Vuejs get value of checkbox group
Javascript Vue
1 vote84 views2 answers
How send to another page by router in vuejs
Javascript Vue