news 2026/6/15 15:34:57

vue 中页面使用多层级router-view 缓存

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
vue 中页面使用多层级router-view 缓存

情况是vue的模板也下面通过路由切换页面后,再切换回来页面没有刷新,更像是被缓存了,无法拉取接口。

后来发现是主页面代码多写了个<keep-alive > 导致的,

如果有需求需要这种情况缓存的可以加上,这次做个笔记,

<el-col :span="24" class="content-wrapper"> <router-view v-slot="{ Component }"> <!-- <keep-alive > --> <component :is="Component" :key="$route.path + $route.query._t?$route.query._t:''" /> <!-- </keep-alive> --> </router-view> </el-col>

放开<keep-alive > 就会缓存页面,

隐藏就不会缓存页面了,切换其他页面,再切换回来后,就不会不触发页面刷新了。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/14 12:54:41

空压空调AI智控的发明专利

空压站制冷站的用电量通常占整厂的30-40%&#xff0c;所以做好他们的能源管理&#xff0c;对工厂来说就非常重要了在我们的AI云智控系统中&#xff0c;以空压站为例&#xff0c;有一项重要技术专利《用于对空压站进行仿真控制的方法、设备和介质》仿真控制的核心就是 “先在‘虚…

作者头像 李华
网站建设 2026/6/15 13:39:52

Agent学习——xiaomi MiMo V2 Flash大模型的API申请

一、官网链接&#xff08;申请API&#xff09; 官网链接&#xff1a;https://mimo.xiaomi.com/zh/blog/mimo-v2-flash 打开官网链接&#xff0c;然后鼠标滑动到最下面&#xff0c;点击API Platform跳转到API使用网页&#xff0c;点击申请API 二、API使用方法&#xff08;如无小…

作者头像 李华
网站建设 2026/6/15 15:15:43

双指针经典题目解析【持续更新】

1.移动零 1.1题目链接 移动零 1.2题目解析 题目要求将所有0移动到数组末尾&#xff0c;同时保持非0元素的相对顺序&#xff0c;其实我们可以反向思考&#xff1a;将所有非0元素移动到数组最前面&#xff0c;因为题目关心的只是非0元素的顺序&#xff1a;我们可以定义两个下…

作者头像 李华
网站建设 2026/6/15 12:17:22

【导出】前端 js 导出下载文件时,文件名前后带下划线问题

目录导出/下载文件操作问题原因解决解决后下载文件导出/下载文件操作 主要实现是接口返回文件流&#xff08;包括文件名&#xff09;&#xff0c;前端处理下载文件参考这里 方法1 的代码 https://blog.csdn.net/m0_53562074/article/details/127364159 问题 导出文件 原因 后端…

作者头像 李华