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

1 vote310 views1 answer
Npm font awesome vue
Javascript Vue
0 vote286 views1 answer
Vuejs chatbot widget
Javascript Vue
3 votes304 views2 answers
Vue fetch api
Javascript Vue
1 vote325 views1 answer
Http requests in vue 3
Javascript Vue
0 vote291 views1 answer
How use a ExpressJS, VueJS, Jade together?
Javascript Vue
0 vote304 views2 answers
To show which tab is active in VueJS
Javascript Vue
6 votes322 views2 answers
Vue-cli-service
Javascript Vue
0 vote324 views1 answer
Cannot find module 'vue/types/umd'
Javascript Vue
0 vote297 views1 answer
Vue.js use scss in balise style
Javascript Vue
0 vote305 views1 answer
Vue js override component css
Javascript Vue