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 vote294 views1 answer
Electron vue printer
Javascript Vue
0 vote287 views2 answers
Ionic vue electron
Javascript Vue
0 vote292 views1 answer
Get the length of an object vuejs
Javascript Vue
0 vote282 views1 answer
Vuejs pass data to router-view
Javascript Vue
0 vote283 views1 answer
Vuetify autocomplete get input value
Javascript Vue
0 vote317 views1 answer
Vuex get data in mounted
Javascript Vue
0 vote291 views1 answer
Trigger a function inside child from parent vue
Javascript Vue
-1 vote337 views3 answers
Vite vue 3 create new component cli
Javascript Vue
2 votes305 views2 answers
Add params to url vue
Javascript Vue
21 votes407 views1 answer
Sh: 1: vue-cli-service: Permission denied
Javascript Vue