Breaking News: Grepper is joining You.com. Read the official announcement!

vue router transition

Suman Majhi answered on August 2, 2021 Popularity 10/10 Helpfulness 3/10

answer vue router transition

related vue router transitions

vue router transition

Comment

// 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'
  }
}

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: router.vuejs.org

Tags: javascript transition vue-router

Link to this answer
Share Copy Link

Contributed on Aug 02 2021

Suman Majhi

0 Answers Avg Quality 2/10

Closely Related Answers

vue router transitions

Comment

<router-view v-slot="{ Component }">
  <transition name="fade">
    <component :is="Component" />
  </transition>
</router-view>

Popularity 9/10 Helpfulness 4/10 Language whatever

Source: router.vuejs.org

Tags: transitions tran

Link to this answer
Share Copy Link

Contributed on Sep 22 2022

kira

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

vue router transition

Contents

More Related Answers

vue router transition

Closely Related Answers

vue router transitions

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.