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 vote344 views1 answer
Vue js hooks
Javascript Vue
1 vote333 views1 answer
Vue create component
Javascript Vue
0 vote332 views1 answer
The following dependencies are imported but could not be resolved vue js
Javascript Vue
4 votes321 views1 answer
Vue.js axios delete then
Javascript Vue
12 votes336 views6 answers
Vue
Javascript Vue
0 vote338 views1 answer
Vue-jstree
Javascript Vue
1 vote343 views2 answers
Vue watch props
Javascript Vue
0 vote341 views1 answer
Vue cli debugger
Javascript Vue
1 vote328 views1 answer
Vue js access data in method
Javascript Vue
0 vote321 views1 answer
Vue store mutations
Javascript Vue