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

9 votes140 views1 answer
Vue deep watch
Javascript Vue
0 vote139 views1 answer
_onResize vue leaflet
Javascript Vue
0 vote173 views3 answers
How to render file vue template in javascript with gulp
Javascript Vue
1 vote152 views1 answer
Http requests in vue 3
Javascript Vue
0 vote143 views1 answer
Vue store mutations
Javascript Vue
0 vote139 views1 answer
Vue problem (You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file)
Javascript Vue
-1 vote137 views1 answer
Vuejs cordoba pantalla en blanco
Javascript Vue
0 vote95 views1 answer
Vuejs reset component
Javascript Vue
12 votes149 views6 answers
Vue
Javascript Vue
2 votes143 views4 answers
Scroll to top vue
Javascript Vue