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 vote240 views1 answer
Concat class name vue js
Javascript Vue
-1 vote234 views1 answer
Vue resources post
Javascript Vue
2 votes250 views1 answer
Open route in new tab vue router
Javascript Vue
0 vote253 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
0 vote225 views1 answer
How to replace an array vue.js
Javascript Vue
0 vote238 views1 answer
Vue js override component css
Javascript Vue
1 vote241 views1 answer
Fetch composition API in Vue3
Javascript Vue
0 vote254 views1 answer
Vue js skeleton loading
Javascript Vue
0 vote234 views1 answer
Js vue array change position
Javascript Vue
0 vote284 views1 answer
Routing vue with meta tag firebase
Javascript Vue