Use vue built-in components Transition and KeepAlive build product not render content #411
Open
7 tasks done
Labels
invalid
This doesn't seem right
Describe the bug
<KeepAlive include="a"> <Transition mode="out-in"> <component class="h-[calc(100%-3rem)]" :is="Component" /> </Transition> </KeepAlive>
use this code, when i build and deploy service. render is normal but keepalive invalidation
<Transition mode="out-in"> <KeepAlive include="a"> <component class="h-[calc(100%-3rem)]" :is="Component" /> </KeepAlive> </Transition>
use this code, local dev environment is normal but deploy service, only cached component not render
what i did wrong
Reproduction
https://stackblitz.com/edit/vitejs-vite-22ic9p?file=Demo.vue
Steps to reproduce
<RouterView #default="{ Component }"> <KeepAlive include="a"> <Transition mode="out-in"> <component class="h-[calc(100%-3rem)]" :is="Component" /> </Transition> </KeepAlive> </RouterView>
use this code, when i build and deploy service. render is normal but keepalive invalidation
<RouterView #default="{ Component }"> <Transition mode="out-in"> <KeepAlive include="a"> <component class="h-[calc(100%-3rem)]" :is="Component" /> </KeepAlive> </Transition> </RouterView>
use this code, local dev environment is normal but deploy service, only cached component not render
what i did wrong
System Info
Used Package Manager
npm
Logs
No response
Validations
The text was updated successfully, but these errors were encountered: