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 vote178 views1 answer
Optional validation vuetify
Javascript Vue
1 vote130 views1 answer
Vue firebase project tutorial
Javascript Vue
1 vote179 views1 answer
Fetch composition API in Vue3
Javascript Vue
9 votes198 views1 answer
Vue deep watch
Javascript Vue
0 vote189 views1 answer
Vue event two parameter with e
Javascript Vue
0 vote184 views1 answer
Vue route automatic redirect
Javascript Vue
2 votes190 views1 answer
How to run vue js project on different port
Javascript Vue
0 vote178 views1 answer
Can i use promise.all conditional in vue js
Javascript Vue
3 votes326 views2 answers
Vue add watcher
Javascript Vue
0 vote184 views1 answer
Vue.js cdn script
Javascript Vue