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 vote320 views1 answer
Cargar datos de un id con inner join vue js
Javascript Vue
0 vote325 views1 answer
Deploy vue js to shared hosting
Javascript Vue
0 vote348 views1 answer
Jsmodule not installed vuejs webstorm
Javascript Vue
0 vote334 views1 answer
Add rows to the table dynamically with the use of vue.js
Javascript Vue
0 vote463 views3 answers
Vue read url
Javascript Vue
0 vote342 views1 answer
Vue dispatch action at tab close
Javascript Vue
0 vote315 views2 answers
Vue config devtools
Javascript Vue
0 vote331 views1 answer
Inertia-link vuetify
Javascript Vue
0 vote347 views1 answer
App.js:38650 [Vue warn]: Failed to mount component: template or render function not defined
Javascript Vue
0 vote325 views1 answer
Vuetify autocomplete get input value
Javascript Vue