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

2 votes281 views1 answer
Clear input from file vue
Javascript Vue
0 vote257 views1 answer
How to load js in vuejs components
Javascript Vue
0 vote288 views1 answer
The following dependencies are imported but could not be resolved vue js
Javascript Vue
0 vote289 views2 answers
Vue on page link or anchor
Javascript Vue
0 vote288 views1 answer
Webpack ReferenceError: process is not defined #871 electron vue
Javascript Vue
2 votes285 views2 answers
Vue js redirect to external url new tab
Javascript Vue
0 vote305 views2 answers
Vue timeout
Javascript Vue
0 vote243 views1 answer
How are vue components identified
Javascript Vue
2 votes292 views2 answers
Vue 3
Javascript Vue
0 vote271 views1 answer
How to replace an array vue.js
Javascript Vue