vue3使用keep-alive做缓存

ops/2024/12/12 11:32:53/

暂未整理,等待更新

文章目录

  • 一、注意项
    • 1.不生效原因
  • 二、使用步骤
    • 1.引入库
    • 2.读入数据
  • 总结

一、注意项

1.不生效原因

  • vue3无beforeRouteEnter,但可以写。<script lang="jsx">需要一致
  • :include="[‘experienceMaintenance’, ‘realTimeAlarm’]"使用的vue页name,不是路由的name
  • 需要使用:key=区分 否则换错报错
  • 在路由文件里面,将需要keep-alive的页面放在layout组件的children里面(如果不放在children里面keep-alive就不会生效)—layout组件就是你写keep-alive的那个组件
  {{$route.meta}}-{{$route.meta.keepAlive}}<router-view v-slot="{ Component }"><keep-alive><component v-if="$route.meta.keepAlive" :key="$route.path" :is="Component" /></keep-alive><component v-if="!$route.meta.keepAlive" :key="$route.path" :is="Component" /></router-view>
  <router-view v-slot="{ Component }"><keep-alive :include="['experienceMaintenance', 'realTimeAlarm']"><component :is="Component"></component></keep-alive></router-view>

二、使用步骤

1.引入库

代码如下(示例):

2.读入数据

总结

提示:这里对文章进行总结:


http://www.ppmy.cn/ops/141234.html

相关文章

太速科技-721-基于TSI721的 PCIe转RapidIO高速数据传输卡

基于TSI721的 PCIe转RapidIO高速数据传输卡 一、板卡概述 本卡是基于IDT TSI721桥芯片&#xff0c;用于实现Serial RapidIO(S-RIO) Gen2.1到PCI Express (PCIE) Gen2.1协议转换&#xff0c;将基于RapidIO的对等网络多重处理器集群拓展至x86处理器环境&#xff0c;能够实现…

【嵌入式系统】第9章 嵌入式操作系统及应用,典型嵌入式操作系统μC/OSⅡ,μC/OS-II的移植,基于μC/OS-Ⅱ下的应用程序程序设计

关注作者了解更多 我的其他CSDN专栏 过程控制系统 工程测试技术 虚拟仪器技术 可编程控制器 工业现场总线 数字图像处理 智能控制 传感器技术 嵌入式系统 复变函数与积分变换 单片机原理 线性代数 大学物理 热工与工程流体力学 数字信号处理 光电融合集成电路…

【Linux网络编程】第七弹---构建类似XShell功能的TCP服务器:从TcpServer类到主程序的完整实现

✨个人主页&#xff1a; 熬夜学编程的小林 &#x1f497;系列专栏&#xff1a; 【C语言详解】 【数据结构详解】【C详解】【Linux系统编程】【Linux网络编程】 目录 1、TcpServer.hpp 1.1、TcpServer类基本结构 1.2、 Execute() 2、Command.hpp 2.1、Command类基本结构 …

HDFS(Hadoop Distributed File System)

HDFS&#xff08;Hadoop Distributed File System&#xff09;工作原理简介 HDFS 是 Hadoop 的核心组件&#xff0c;设计用于在大规模分布式环境中存储和处理海量数据。以下是其主要工作原理&#xff1a; 1. 架构组成 HDFS 采用主从架构&#xff0c;由以下两类关键节点组成&a…

ragflow连不上ollama的解决方案

由于前期wsl默认装在C盘&#xff0c;后期部署好RagFlow后C盘爆红&#xff0c;在连接ollama的时候一直在转圈圈&#xff0c;问其他人没有遇到这种情况&#xff0c;猜测是因为内存不足无法加载模型导致&#xff0c;今天重新在E盘安装wsl 使用wsl装Ubuntu Win11 wsl-安装教程 如…

windows 脚本批量管理上千台服务器实战案例

如果你们有接触服务器&#xff0c;都是知道服务器有BMC管理界面的&#xff0c;这几天我在做项目中&#xff0c;需要不断的开关机服务器&#xff0c;如果一两台服务器登录BMC界面重启服务器还好&#xff0c;如果服务器数量非常的庞大&#xff0c;成百上千台&#xff0c;我们不可…

JWT报CORSFilter错误原因(以Java SpringBoot为例)

JWT 报 CorsFilter 原因&#xff0c;通常是因为跨域请求未通过浏览器的同源策略检查&#xff0c;而 CorsFilter 是用来处理跨域问题的过滤器。如果后端未正确配置 CORS 或 JWT 的传递方式不符合跨域要求&#xff0c;可能导致此类问题。 以下是具体原因及解决方法&#xff1a; …

Spring Boot读取配置文件的六种方案

从配置文件中获取属性应该是SpringBoot开发中最为常用的功能之一&#xff0c;但就是这么常用的功能&#xff0c;仍然有很多开发者在这个方面踩坑&#xff0c;以下是我整理的几种获取配置属性的方式。 一、Environment 使用 Environment 方式来获取配置属性值非常简单&#xf…