Vue3 中使用 keep-alive 组件报错：TypeError: parentComponent.ctx.deactivate is not a function 的解决方法

vue3 在使用 keep-alive 出现切换页面报错

多看底层源码 https://xie.infoq.cn/article/987b17e0c8b59198785025162

解决

在 keep-alive、component 上设置 key 进行排序

<router-view v-slot="{ Component, route }">
  <keep-alive>
    <component :is="Component" :key="route.name" v-if="route.meta.keepAlive" />
  </keep-alive>
  <component :is="Component" :key="route.name" v-if="!route.meta.keepAlive" />
</router-view>

其他参考文章

• http://blog.cdlgd.cn/2022/01/07/%E5%9C%A8Vue3%E4%B8%AD%E4%BD%BF%E7%94%A8keep-alive/