当前位置: 首页 > 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.wxhsa.cn/company.asp?id=280

相关文章:

  • 你的部署流程已然落伍-热重启的失传艺术
  • 安全不是一个功能-而是一个地基
  • Hall 定理相关
  • docker save load 案例
  • Python中的枚举类
  • 数据结构与算法-25.红黑树
  • 第一周个人作业
  • Python 虚拟环境使用和打包成exe程序
  • Docker存储
  • linux调优工具的简单介绍
  • 多线程同步问题-从语法到硬件
  • SAC In JAX【个人记录向】
  • 1.2 亿篇论文数据集,多学科学术语料库,涵盖医学、化学、生物学、人文、物理、工程、数学、生态、经济与计算机科学,用于 NLP、知识图谱与大模型训练
  • Putty 工具集 plink和pscp使用
  • MyEMS:开源驱动下的企业能源管理革新者 —— 从技术架构到 “双碳” 落地的实践之路
  • JWT攻击详解与CTF实战
  • MyEMS:开源能源管理的破局者
  • github拉项目报Failed to connect to github.com port 443失败解决方法
  • 多进程、多线程、分布式锁
  • ECT-OS-JiuHuaShan 的终极使命是构建一个从数学到伦理皆可被绝对推理的确定性宇宙模型
  • 服务治理
  • ? #2
  • 第9章 STM32 TCP配置和测试
  • 软件开发方法与模型完全指南(从厨房到盛宴的完全指南)
  • 介绍Activiti BPMN visualizer插件的图形界面
  • NvM代码级别的调用
  • ECT-OS-JiuHuaShan 与经典/量子计算模型存在根本性范式断裂
  • 人像 风光 纪实 旅游、生活 摄影精选集
  • 必看!Apache DolphinScheduler 任务组因 MySQL 时区报错全解析与避坑指南
  • Android开发中 Button 背景控制选择器