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 vote224 views1 answer
Vue electron read file
Javascript Vue
0 vote134 views1 answer
Vue.js function to always uppercase when the client input lowercase
Javascript Vue
0 vote122 views1 answer
Vue router guard
Javascript Vue
0 vote127 views1 answer
Vuejs post
Javascript Vue
0 vote132 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
1 vote94 views1 answer
Convert string to array vuejs
Javascript Vue
0 vote128 views1 answer
Vue sidebar
Javascript Vue
0 vote136 views2 answers
Vue on page link or anchor
Javascript Vue
1 vote128 views1 answer
Vue copy image to clipboard
Javascript Vue
0 vote120 views1 answer
Laravel vue global function
Javascript Vue