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 vote325 views2 answers
How to test emited method from child component vue js
Javascript Vue
0 vote353 views2 answers
Vue chart nuxt
Javascript Vue
8 votes378 views3 answers
Query params vuejs
Javascript Vue
77 votes574 views6 answers
Install vue-cli
Javascript Vue
0 vote415 views2 answers
Vue timeout
Javascript Vue
2 votes347 views2 answers
Vue directive
Javascript Vue
0 vote384 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
3 votes325 views1 answer
Vue watch child component property
Javascript Vue
18 votes475 views6 answers
Vuejs cdn
Javascript Vue
0 vote358 views3 answers
How to render file vue template in javascript with gulp
Javascript Vue