TypeError parentComponent.ctx.deactivate is not a function

最新推荐文章于 2024-03-07 19:11:12 发布
最新推荐文章于 2024-03-07 19:11:12 发布
阅读量2.9k 收藏 1
点赞数
分类专栏： 前端 html 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67393619/article/details/123303507
版权
在使用Vue3的keep-alive组件时遇到TypeError，问题源于parentComponent.ctx.deactivate不是一个函数。查阅资料并参考大佬文档，解决方案是在keep-alive或组件上设置key属性以确保页面切换的正确排序。
摘要由CSDN通过智能技术生成

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进行排序

小东西的东西
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决koa2 ctx.render is not a function报错问题
10-18
主要介绍了解决koa2 ctx.render is not a function报错问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
TypeError: parentComponent.ctx.deactivate is not a function
小菜张的博客
02-27 2942
TypeError: parentComponent.ctx.deactivate is not a function
VUE3使用keep-alive页面切换时报错：parentComponent.ctx.deactivate is not a function
qq_15197419的博客
02-18 9733
问题描述： 这是官方示例代码： <router-view v-slot="{ Component }"> <keep-alive> <component :is="Component" v-if="$route.meta.keepAlive"/> </keep-alive> <component :is="Component" v-i
vue3使用keep-alive 报错：parentComponent.ctx.deactivate is not a function
最新发布
元元猿的博客
03-07 1250
动态组件未配置key值；如果不配置 key 值，当多个页面配置 keepAlive:true 时，在切换缓存页面时会报错 Uncaught (in promise) TypeError: parentComponent.ctx.deactivate is not a function。需要给动态组件配置 key 值，来表示组件的唯一性和对应关系。
解决vue3 TypeError: parentComponent.ctx.deactivate is not a function 报错
zhouning7879的博客
05-12 1420
解决vue3 TypeError: parentComponent.ctx.deactivate is not a function 报错
转载：VUE3使用keep-alive页面切换时报错：TypeError: parentComponent.ctx.deactivate is not a function
我的米饭
11-01 1092
TypeError: parentComponent.ctx.deactivate is not a function
[记录]vue3在webpack 使用require.context批量导入组件在keep-alive ＞ component中使用热更新报错的问题
z13540112421的博客
05-26 747
vue3在webpack 使用require.context批量导入组件在keep-alive > component中使用热更新报错 parentComponent.ctx.deactivate is not a function. 百度了一下都说在component上加上key,可惜然并卵; 只需要在批量的时候使用 defineAsyncComponent这个函数即可解决问题, import 中使用变量需要加上 ‘’ 才能找到 ...
vue3 + router-view + keepalive parentComponent.ctx.deactivate is not a function
qq_34164814的博客
03-25 1185
vue3中keepAlive的用法与vue2中存在区别 vue3中的用法 <router-view v-slot="{ Component }"> <transition> <keep-alive> <component :is="Component" /> </keep-alive> </transition> </router-view> 如果使用下面的v-if切换，请给transi
vue3.2.40，keepalive热更新报错 TypeError: parentComponent.ctx.deactivate is not a function
个人博客
10-08 3756
暂时性的解决方案
vue3使用keep-alive页面切换时报错：TypeError: parentComponent.ctx.deactivate is not a function
唯心所现，唯识所变
06-07 1588
keep-alive报错:TypeError: parentComponent.ctx.deactivate is not a function
vue3 router-view 使用keep-alive报错parentcomponent.ctx.deactivate is not a function
少油少盐不要辣
11-30 234
去除v-if，将key直接添加上。由于有的公用页面，需要刷新，不希望缓存，所以需要添加key。其他需要缓存的页面，就不用添加key。
TypeError: _ctx.dayjs is not a function
竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生
06-06 3129
andt 日期选择器禁用小时分钟秒，报错_ctx.dayjs is not a function
【已解决】TypeError: _ctx.$t is not a function when using $t in child component
m0_51749295的博客
11-19 8848
关于最近我在练习一个vue的小demo使用i18n的时候碰到的问题，TypeError: _ctx.$t is not a function when using $t in child component
vue3.0子组件emit传值给父组件报警告
Lucky_girl_wan的博客
08-11 3424
记录下vue3.0中子组件使用emit传值给父组件，报以下警告 runtime-core.esm-bundler.js?5c40:6871 [Vue warn]: Extraneous non-emits event listeners (getSon) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the
vue3 keep-alive页面切换报错：parentComponent.ctx.deactivate is not a function
weixin_43422861的博客
11-29 187
这个时候我们只需在 标签上添加 :key=" 唯一值" 就可以解决了，只要是唯一的就可以没有指定要求 推荐使用 $route.name。
runtime-core.esm-bundler.js?d2dd:218 Uncaught TypeError: formRef.value?.validate is not a function
weixin_51614564的博客
08-09 6038
1.vue3 使用 elemetPlus 组件，写表单验证时，在setup 里面也登录验证方法时，我们拿到了组件对象，但是在调用这个组件对象的的属性方法时，发现控制台打印的 这个方法无效。写在网上查找了许多方案也未得到解决。网上大部分都是vue2 使用解决方案。猜想可能是elementplus只兼容script setup 的原因。1.利用vue 里面有个函数，利用这个函数将这个登录验证方法暴露出去。之前我们是这么写的：控制台打印并没有这个属性和方法，后来找了好友圈的一个大佬也是研究半天得以解决，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值