I am currently facing an issue where the <keep-alive>
stops working after adding a :key
to the parent <div>
. This <div>
and also the :key
is needed, otherwise the <transition>
won't work. Anyone got a solution for that?
Sorry i am not able to provide more code.
<template>
<router-view v-slot="{ Component, route }">
<transition :name="transitionName">
<div :key="route.name">
<keep-alive include="SpecialComponent">
<component :is="Component" />
</keep-alive>
</div>
</transition>
</router-view>
</template>