问题：

我们使用判断时有时候会报错

        <router-view v-slot="{ Component }"><keep-alive ><component :is="Component" v-if="$route.meta.keepAlive" /></keep-alive><component :is="Component"  v-if="!$route.meta.keepAlive" /></router-view>//keepAlive是在路由里边定义的meta字段 true/false

解决：

这个时候我们只需在 <component> 标签上添加 :key=" 唯一值" 就可以解决了，只要是唯一的就可以没有指定要求推荐使用 $route.name

        <router-view v-slot="{ Component }"><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>

VUE3 keep-alive页面切换报错：parentComponent.ctx.deactivate is not a function相关推荐

maven WEB项目启动没问题访问页面就报错:org.apache.jasper.JasperException: Unable to compile class for JSP
idea 通过maven插件创建一个WEB项目通过内嵌Tomcat加载项目,启动没问题,一访问页面就报错提示无法将jsp编译为class文件: HTTP Status 500 - type Excep ...
普通的Spring Web项目正常启动，在访问某些JSP页面时，页面会报错 http://java.sun.com/jsp/jstl/core
问题描述:普通的Spring Web项目正常启动,但是在访问某些JSP页面时,页面会报错出现:org.apache.jasper.JasperException: The absolute uri: ...
webpack高级运用，historyApiFallback（解决history，h5路由，方式刷新页面可能会报错），output中添加publicPath（公共路径）任意找不到的路径都会去访问/等等
webpack高级应用篇: source-map: 提升开发效率与完善团队开发规范 development环境里配置devtool就可以开启webpackk-source-map(webpack中已经 ...
使用TS+vue3封装axios时编译报错，提示You may need an additional loader to handle the result of these loaders.
基于vue3+TS构建的商城后台管理系统根据coderwhy老师指导搭建的项目为PC端商品后台管理系统. 报错: 使用TS+vue3封装axios时编译报错,提示You may need an ad ...
Vue3运行源码-调试报错：Command failed with exit code 128: git rev-parse HEAD
Vue3运行源码-调试报错:Command failed with exit code 128: git rev-parse HEAD 下载源码运行源码运行源码报错成功运行下载源码官网下载源 ...
PHP连接MySQL报错：Fatal error: Call to undefined function mysql_connect()之解决方法
来源:http://www.blogjava.net/koradji/articles/336713.html [问题描述] PHP测试连接MySQL的程序如下: <?php $host='lo ...
运行php代码报错如下Uncaught Error: Call to undefined function curl_init()
运行php代码报错如下Uncaught Error: Call to undefined function curl_init() 前提要配置好php环境变量,cmd执行php -m查看模块信息缺少 ...
layui报错Uncaught TypeError: tree is not a function
layui报错Uncaught TypeError: tree is not a function tree({ elem: "#classtree" , data: data , ...
JavaScript报错：xxx.filter is not a function
问题 JavaScript报错:xxx.filter is not a function 解决办法将xxx改为数组类型,filter只支持数组过滤 let xxx = [ { }, { } ]
vue-cil 浏览器控制台报错：this._init is not a function
vue-cil 浏览器控制台报错:this._init is not a function 今天说一下 this._init is not a function 的报错,这个不会影响界面显示问题,除非 ...

VUE3 keep-alive页面切换报错：parentComponent.ctx.deactivate is not a function

问题：

解决：

VUE3 keep-alive页面切换报错：parentComponent.ctx.deactivate is not a function相关推荐

最新文章

热门文章