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 vote169 views3 answers
Vue router npm install
Javascript Vue
3 votes152 views1 answer
Vue watch child component property
Javascript Vue
0 vote189 views1 answer
Desable no unused vars in vue.js
Javascript Vue
0 vote186 views2 answers
Navbar route with params vue
Javascript Vue
0 vote186 views1 answer
Vue cli - Uncaught SyntaxError: Unexpected token <
Javascript Vue
0 vote191 views1 answer
Vue router Async Scrolling
Javascript Vue
1 vote207 views1 answer
Vuejs v-for reverse
Javascript Vue
0 vote195 views1 answer
Vue learn
Javascript Vue
5 votes175 views6 answers
Vue v-for object
Javascript Vue
0 vote181 views1 answer
The data option must be a function. Plain object usage is no longer supported. vue
Javascript Vue