TypeError: parentComponent.ctx.deactivate is not a function

喵喵虫

于 2021-12-14 18:05:25 发布

阅读量1w

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Vue3 keep-alive 文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/mmiaoChong/article/details/121934456

Vue3 同时被 2 个专栏收录

20 篇文章

订阅专栏

keep-alive

1 篇文章

订阅专栏

在使用Vue3的keep-alive组件时遇到了页面切换时报错，错误信息为'parentComponent.ctx.deactivate is not a function'。这个问题可能与组件激活和卸载的生命周期钩子有关。一种解决方法是在keep-alive和组件上设置key属性，通过改变key值来避免缓存冲突。此方案可能能有效解决此类问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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)

在这里插入图片描述