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 vote147 views1 answer
Vue date helper
Javascript Vue
2 votes155 views1 answer
Vue js get width of element
Javascript Vue
28 votes310 views4 answers
Vue create
Javascript Vue
1 vote153 views2 answers
How to watch for changes within a prop in vue
Javascript Vue
5 votes141 views6 answers
Vue v-for object
Javascript Vue
0 vote148 views2 answers
To show which tab is active in VueJS
Javascript Vue
0 vote142 views1 answer
Set visible vue
Javascript Vue
5 votes155 views3 answers
Vue select option v-for selected
Javascript Vue
0 vote141 views1 answer
Vue js video call
Javascript Vue
3 votes154 views3 answers
Vue fetch
Javascript Vue