devtools icon indicating copy to clipboard operation
devtools copied to clipboard

Transitioning keep-alive components lists the <keep-alive> component in the activated/deactivated list

Open lorand-horvath opened this issue 3 years ago • 0 comments

Version

6.1.3

Browser and OS info

Chrome 99 / Windows 10 Vue 2.6.14

Steps to reproduce

The following code

<transition>
    <keep-alive>
        <component :is="activeView"></component>
    </keep-alive>
</transition>

will list the components in the following order in Vue Devtools (after switching back-and-forth between the 2 components CompA and CompB):

<App>
    <CompA> - active
    <keep-alive> - active (this shouldn't be listed here at all)
    <CompB> - deactivated

What is expected?

The <keep-alive> component shouldn't be listed among the kept-alive component instances. Only CompA (active) and CompB (deactivated) should be listed as child Components of App.

What is actually happening?

<keep-alive> is in the list and it is shown as activate/highlighted.

lorand-horvath avatar Mar 24 '22 15:03 lorand-horvath