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

15 votes448 views6 answers
Vuejs
Javascript Vue
-1 vote287 views1 answer
How to map over arrays vuejs
Javascript Vue
0 vote209 views1 answer
App.js:38650 [Vue warn]: Failed to mount component: template or render function not defined
Javascript Vue
0 vote202 views1 answer
Play mp4 vue js
Javascript Vue
6 votes235 views2 answers
Vue-cli-service
Javascript Vue
0 vote235 views2 answers
Vue chart nuxt
Javascript Vue
0 vote208 views1 answer
Add a Google Font to a VueJS
Javascript Vue
0 vote213 views1 answer
VueJS - check strings is includes in vuejs
Javascript Vue
3 votes216 views2 answers
Countdown using vue
Javascript Vue
0 vote205 views1 answer
Vuejs get data fromo ajax
Javascript Vue