当前位置: 首页 > news >正文

vue3不允许缓存组件keep-alive直接包裹router-view

从vue3开始,不再允许用keep-alive直接包裹router-view,只允许包裹component组件。

所以,要使用缓存,以前可以这么写:

<keep-alive><router-view></router-view>
</keep-alive>

从Vue3开始,这种写法不行了,但是可以作如下变通:

<router-view v-slot="{Component}">
<keep-alive><component :is="Component"></component>
</keep-alive>
</router-view>

 

总结:从router-view渲染组件解构出当前组件Component,然后再用动态组件挂载。

 

http://www.rkmt.cn/news/1677.html

相关文章:

  • Python中的枚举类
  • Hall 定理相关
  • docker save load 案例
  • 数据结构与算法-25.红黑树
  • Python 虚拟环境使用和打包成exe程序
  • linux调优工具的简单介绍
  • 多线程同步问题-从语法到硬件
  • JWT攻击详解与CTF实战
  • MyEMS:开源能源管理的破局者
  • github拉项目报Failed to connect to github.com port 443失败解决方法
  • 第9章 STM32 TCP配置和测试
  • 人像 风光 纪实 旅游、生活 摄影精选集
  • 必看!Apache DolphinScheduler 任务组因 MySQL 时区报错全解析与避坑指南
  • MyEMS:技术架构深度剖析与用户实践支持体系
  • mysql常用命令
  • C++ 标准库 copy_if
  • 企查查API接口组合:解锁企业数据智能的实战密码
  • 微信公众号封面提取教程
  • 数据结构与算法-24.2-3查找树
  • IPv4向IPv6平滑过渡综合技术方案
  • TIA博图中的常用指令:定时器、计数器和触发器
  • Vue3项目开发专题精讲【左扬精讲】—— 企业网站系统(基于 Vue3 与 TypeScript 技术栈的企业网站系统开发实战)
  • win10使用openssl生成证书
  • linux服务器 系统服务文件
  • Critical Thinking Academic Writing
  • 1.3 课前问题思考
  • Visual Studio Code 开发环境搭建(Rust)
  • Spring Boot 项目中,同一个版本的依赖,内容却不一样?一次因依赖污染导致 Redis 启动失败的排查
  • 微信机器人开发文档
  • 大屏开发