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 votes244 views3 answers
Vuejs copy to clipboard
Javascript Vue
0 vote301 views1 answer
Vue displaying a this.length
Javascript Vue
1 vote291 views1 answer
Vuex state from another module
Javascript Vue
0 vote245 views1 answer
Print vue-chart.js
Javascript Vue
0 vote225 views1 answer
Vuelidate custom error messages
Javascript Vue
16 votes332 views4 answers
Vue js default prop
Javascript Vue
0 vote240 views1 answer
Vue 3 computed getter setter
Javascript Vue
1 vote266 views1 answer
Vue select option get attribute
Javascript Vue
0 vote240 views2 answers
Vuejs accessing props from data
Javascript Vue
1 vote245 views1 answer
Vue directive parameter
Javascript Vue