Skip to content

Bug with transition + keep-alive + nested router-view #3829

@TheTrigger

Description

@TheTrigger

Version

3.6.5

Reproduction link

github.com

Steps to reproduce

  1. Start the page to / (Home)
  2. Click on User Edit
  3. Click on Home
  4. Click on User Dashboard

What is expected?

Expecting to see the User Dashboard page

What is actually happening?

The main router-view shows the latest sub-routing: User Edit.


The relevant thing I tried is to put the attribute :key to the main router-view

<router-view :key="`app_${$route.fullPath}}`"></router-view>

alto tried to combine with

<router-view :key="`user_${$route.fullPath}}`"></router-view>

but by doing this you mysteriously lose the animation on the child routing-view maybe because the parent-routing-view is being reloaded.

If you remove the node <transition> or <keep-alive> it start to work as expected.

I tried many things but haven't found a way to make it work with transition, keep-alive and nested routing

thanks

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions