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

1 vote219 views1 answer
Vuejs delay watch
Javascript Vue
0 vote227 views1 answer
Use vue cdn with firestore
Javascript Vue
0 vote371 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
3 votes234 views1 answer
V-switch vuex store
Javascript Vue
0 vote249 views1 answer
VueProduction
Javascript Vue
0 vote189 views1 answer
Rails + vue js projcet demo
Javascript Vue
6 votes239 views2 answers
Binding style vuejs
Javascript Vue
0 vote229 views2 answers
Vue nested loop
Javascript Vue
11 votes219 views2 answers
Vue router push
Javascript Vue
18 votes281 views6 answers
Vuejs cdn
Javascript Vue