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

Published: at 07:54 PMSuggest Changes

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>

其他参考文章

Previous Post
VS Code 终端中 code 命令失效的解决方法
Next Post
JS 将 JSON 格式文件导出为 XLSX 格式文件