devtools
devtools copied to clipboard
Transitioning keep-alive components lists the <keep-alive> component in the activated/deactivated list
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.