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 vote115 views1 answer
Set visible vue
Javascript Vue
3 votes120 views2 answers
Vue fetch api
Javascript Vue
4 votes116 views1 answer
How to call action from another module vuex
Javascript Vue
0 vote111 views1 answer
Deploy vue js to shared hosting
Javascript Vue
2 votes119 views1 answer
Vue router 404 page
Javascript Vue
0 vote110 views1 answer
Mdi/js icons with vue
Javascript Vue
3 votes131 views1 answer
V-switch vuex store
Javascript Vue
0 vote201 views3 answers
Vue read url
Javascript Vue
-1 vote123 views2 answers
How to call function from another component in vue js
Javascript Vue
0 vote124 views1 answer
Vuetify change text color of radio button
Javascript Vue