TypeError: parentComponent.ctx.deactivate is not a function

vue3在使用keep-alive出现切换页面报错vue-router.esm-bundler.js?f6c4:3295TypeError: parentComponent.ctx.deactivate is not a functionat unmount (runtime-core.esm-bundler.js?9e79:4686)at patch (runtime-core.esm-bund

喵喵虫

10327人浏览 · 2021-12-14 18:05:25

喵喵虫 · 2021-12-14 18:05:25 发布

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

vue-router.esm-bundler.js?f6c4:3295 
        
       TypeError: parentComponent.ctx.deactivate is not a function
    at unmount (runtime-core.esm-bundler.js?9e79:4686)
    at patch (runtime-core.esm-bundler.js?9e79:3664)
    at Object.sharedContext.activate (runtime-core.esm-bundler.js?9e79:1708)
    at processComponent (runtime-core.esm-bundler.js?9e79:4097)
    at patch (runtime-core.esm-bundler.js?9e79:3695)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js?9e79:4310)
    at ReactiveEffect.run (reactivity.esm-bundler.js?0a2b:160)
    at updateComponent (runtime-core.esm-bundler.js?9e79:4171)
    at processComponent (runtime-core.esm-bundler.js?9e79:4104)
    at patch (runtime-core.esm-bundler.js?9e79:3695)

在这里插入图片描述

在网上搜到的bug解释

大佬链接文档

解决办法

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

华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

交通银行基于HarmonyOS数字盾服务，实现大额转账安全

在近日落幕的华为开发者大会2025（6月20日-6月22日）上，交通银行作为HarmonyOS安全合作的关键伙伴受邀出席。在大会的主题演讲上介绍了交通银行基于HarmonyOS SDK设备安全服务（Device Security Kit）中的数字盾服务，成功打造了安全盾，实现大额转账场景安全的合作成果。