若依如何切换 tab 不刷新

原创最新推荐文章于 2026-05-14 12:58:25 发布 677 阅读 AI写同款

收录于

当前文章被以下社区和专栏收录：

码龄9年墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 600+累计阅读 677平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 →

184粉丝·88篇原创

关注

RuoYi点击菜单出现空白页面，无报错最近在使用若依框架(vue3版本)进行开发的过程中有时会出现切换菜单或者tab，页面空白的情况，刷新页面后又恢复正常。出现这种情况一般是在页面停留了几分钟再操作或者短时间多次跳转来回切换页面等。通过在网上搜寻资料发现问题是出现在如下图所示的组件中：该组件使用transition加跳转动画，keep-alive用作缓存，可能是由于在AppMain中用了transition，组件内又使用了transition才导致了这个问题。阅读详情

AI摘要

博客介绍了若依切换 tab 不刷新的方法，通过在菜单中选择是否缓存为“缓存”来实现，还提及了相关资料为前端手册 RuoYi。

方法

在这里插入图片描述
如上图配置
菜单中选是否缓存：缓存

资料

前端手册 |RuoYi:

关注博主即可阅读全文

标签

#若依 #ruoyi

切换Tab页面不重复刷新页面/请求数据问题阅读详情

相关推荐

vue 多页面iframe不刷新_vue tab嵌入iframe切换不刷新，相对完整的方案

说到Vue的简单、便捷、高效，谁用谁喜欢，自然企业应用也来玩一把，三大经典组件：树控件，网格控件，选项卡控件；本章先说选项卡tab控件的嵌入iframe。本次主要解决以下问题：1.tab控件混合vue-component-view与iframe-view;2.切换tab, iframe-view 保持原界面不刷新，与keep-alive效果等同;3.关闭tab中的iframe-view后，将重新打...

weixin_39867594的博客 2345

【VUE】若依vue切换tab页签时页面保持不重新加载

页面板块打开后，切换Tab栏各页面，页面不重新加载，保持原样，提高用户体验

SZnAl的博客 1万+

App切换tab不刷新问题

今日，本山人遇到一个APP开发常见问题，闲来无事，就来叨叨两句，话不多说，问题如下：四个tab，在其中一个tab中改变了全局参数，然后切换到另外一个tab页面，数据没有刷新。山人自有妙计，献丑了，希望各位看官看后指点一二：方案一：当我们切换数据，改变全局数据的时候，就把APP缓存的数据进行更新。这种方案有个缺陷，就是每次切换的时候都要去更新数据，这样使得APP的性能不是很好。方案二：利用监听。当我们改变全局数据后，当我们切换到另外一个tab页面，然后监听所依赖的全局参数是否发生改变，如果发生了改

Mrluog的博客 964

ruoyi-vue 点击tab标签不刷新页面，点击菜单刷新页面，

vue 点击菜单刷新页面点击tags不刷新页面

jiufu_的博客 5204

vue tab嵌入iframe切换不刷新，相对完整的方案

说到Vue的简单、便捷、高效，谁用谁喜欢，自然企业应用也来玩一把，三大经典组件：树控件，网格控件，选项卡控件；本章先说选项卡tab控件的嵌入iframe。本次主要解决以下问题： 1.tab控件混合vue-component-view与iframe-view; 2.切换tab, iframe-view 保持原界面不刷新，与keep-alive效果等同; 3.关闭t...

weixin_30439031的博客 4040

别再混淆了！一文彻底搞懂STM32的BootROM、BootLoader和启动模式（附启动流程图）

本文深入解析STM32的启动机制，详细讲解BootROM、BootLoader与启动模式的区别与联系，并提供实战指南。通过清晰的启动流程图和配置示例，帮助开发者彻底理解STM32启动流程，解决常见的启动问题，提升嵌入式开发效率。

weixin_33728268的博客 537

若依框架前端切换TagView时刷新问题

改造若依框架点击tag切换时都是刷新问题。点击顶部tag切换时，永远都是刷新的。刷新问题两种情况：普通view切换时刷新及iFrame切换刷新

luochengbang的专栏 1万+

Simulink中为Scope模块添加图例的方法

比如我要在Scope模块输出三轴加速度的数据，但三轴数据波形混杂在一起不太好看，此时就需要在Scope模块中添加图例来使波形看起来更加清晰明了。注：我这里使用的Matlab版本为2019a 1.首先在simulink中打开，需要添加图例的Scope，如图示： 2.在Matlab，command窗口输入： >> set(0,'ShowHiddenHandles','On'); >> set(gcf,'menubar','figure'); 此时你会发现Scope窗口菜单栏多了好几

Kunfly的博客 1万+

若依Vue3实现tab切换时实现不刷新页面、不请求

在 src 下的 layout -> components -> AppMain 中将 router-view的 :key去除。注意：路由地址必须和页面中的 name 保持一致，页面中的name需使用大驼峰命名。例如：order -> Order。属性，会导致 keep-alive 不生效。若以生效则不用进行第二部操作！PS：我也是找了半个小时才找到这个方法，所以用来分享及记录！在 router-view 上设置。

qq_63026743的博客 2582

Android AI Agent集成实战：架构设计与自动化技能开发

AI Agent（人工智能代理）是一种能够感知环境、自主规划并执行任务以达成目标的软件实体。其核心原理在于结合大语言模型的推理能力与工具调用（Tool Calling）技术，使应用从被动响应转向主动服务。在移动开发领域，这项技术的价值在于为应用注入“智能大脑”，实现跨应用自动化与个性化交互，从而显著提升用户体验和操作效率。具体到Android平台，其应用场景广泛，例如自动填写表单、智能聊天辅助、个性化工作流优化等。本文聚焦于Android AI Agent的工程化落地，深入探讨了如何利用Accessibil

weixin_42636895的博客 661

别再瞎调了！手把手教你搞定STM32步进电机PID速度环（附完整代码与比例系数详解）

本文详细解析了STM32步进电机PID速度环的完整实现过程，从算法输出到脉冲频率的转换链路，重点讲解了比例系数的确定方法及系统标定实验。通过完整的代码示例和调试技巧，帮助工程师解决实际应用中的常见问题，提升步进电机控制精度与稳定性。

weixin_28729331的博客 214

vue点tab不刷新页面_vue刷新和tab切换实例

首先写个子组件用来放刷新的内容，命名为pull(可以看例子最后面放的。)然后再要刷新的页面引用价格 //点击价格会排序{{item.goods_name}}￥{{item.goods_price}}/*选项卡的颜色*/.tab{background:#fff;}.tab a.active{color:#D83737; border-bottom: 2px solid #D83737;}.red1{...

weixin_35427210的博客 1585

HOPE：基于强化学习的混合策略路径规划器，适用于多样化停车场景

本文提出了一种混合策略路径规划器（HOPE），用于解决自动停车中的路径规划问题。HOPE结合了强化学习（RL）和Reeds-Shepp（RS）曲线，通过动作掩码机制引导RL智能体的探索，并利用Transformer融合环境感知信息与掩码。该方法在多样且复杂的停车场景中实现了超过97%的成功率，并通过真实实验验证了其泛化能力。此外，本文还提出了基于空间与障碍物分布的停车场景难度分级标准，进一步提升了训练与评估的效率。实验结果表明，HOPE在规划成功率和跨场景泛化能力上均优于传统的基于规则算法和朴素强化学习方法

weixin_42783201的博客 1466

tab切换不刷新

问题要求tab切换时不刷新页面，还是保持原来的状态解决：加入keep-alive将组件进行缓存即可要注意首页是谁我把加载的首页误认为城市App.vue,所以浪费了时间

m0_49471668的博客 1422

Python爬虫实战：爬取国家气象局台风路径数据的完整教程

国家气象局（如中国气象局）一般会在官方网站公布台风的实时路径，包括台风编号、名称、时间点、经纬度、中心气压、最大风速等信息。这些数据以图形和表格的形式呈现，有时以JSON或CSV文件形式下载。爬取这类数据，有助于构建台风数据库、历史路径分析、趋势预测等应用。本文详细介绍了如何通过Python爬取国家气象局发布的台风路径数据，涵盖了数据采集、解析、存储和可视化全流程。通过实践，你可以构建自己的台风数据库，结合机器学习开展路径预测和风险评估等高级分析。后续可结合深度学习技术，实现台风轨迹预测；

2201_76125261的博客 1022

36、R语言中的回归模型与机器学习算法

本文介绍了R语言中多种回归模型和机器学习算法，包括Cox回归模型、数据平滑方法（如样条函数、多项式曲面拟合和核平滑）以及回归树模型等。重点讲解了这些方法的实现函数、参数说明以及实际应用示例，如使用`coxph`进行生存分析、使用`spline`和`smooth.spline`进行数据平滑处理、使用`loess`和`locpoly`进行非参数回归分析，以及使用`rpart`构建和可视化回归树。此外，还涉及了模型评估与优化策略，如数据拆分、交叉验证和树的修剪。通过这些方法，可以更好地处理复杂数据集并提升模型性能

yhn456789的博客 121

vue点tab不刷新页面_在vue中实现刷新和tab切换

下面我就为大家分享一篇vue刷新和tab切换实例，具有很好的参考价值，希望对大家有所帮助。首先写个子组件用来放刷新的内容，命名为pull(可以看例子最后面放的。)然后再要刷新的页面引用价格 //点击价格会排序{{item.goods_name}}￥{{item.goods_price}}/*选项卡的颜色*/.tab{background:#fff;}.tab a.active{color:#D83...

weixin_39715290的博客 3300

yolov8知识蒸馏代码详解：支持logit和feature-based蒸馏

特别地，在COCO数据集上对MAP中的RetinaNet检测器(resnet50主干）获得了3.4%的性能提升，在Cityscapes数据集上, 针对mIoU指标，PSPNET(resnet-18 backbone）获得5.81%的性能提升。大部分的KD方法都是通过algin学生网络和教师网络的归一化的feature map, 最小化feature map上的激活值的差异。MGD是一种真正通用的基于特征feature的知识蒸馏方法，它可以用于各种任务，包括图像分类，目标检测，语义分割和实例分割。

@bangbang的博客 7282

若依进行tab页面切换时要求不刷新页面 vue3

看看个人中心怎么实现的然后vue文件是这样的，注意大小写咯

weixin_45730866的博客 1313

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。，新界面，新视觉，

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能：商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传，基本资料下载，开钱箱、小票打印、收款结算，支持多币种付款方式（现金、储值卡、礼券、微信等）,支持多种促销。运行环境：.net 4.0登陆信息用户名:1001 密码:123456内置商品信息，商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏相关源码待公开

vue 切换iframe_vue tab嵌入iframe切换不刷新，相对完整的方案

weixin_39907713的博客 1772

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

若依Vue，tab切换时实现缓存之前的查询条件、不刷新页面、不请求

qq_38410795冰淇淋的博客 877

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明，包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

不刷新页面的tab_SwiftUI小技巧之如何解决Tab切换后页面重置和List刷新bug

SwiftUI的tabview非常好用，简单几行就能构建一套基于Tab的App。但是SwiftUI目前tabview存在一个小bug，当tab切换时内部中的list或NavigationLink将会重新刷新。看看bug当我们切换到新的tab时，第一个tab被重置回初始状态了。这个bug可以修复么我们有两种解决方案，一种等6月份等WWDC新版发布，修复这个bug。另外就是自己动手封装一个tabvi...

weixin_39638603的博客 587

layuimini的tab切换不刷新问题的解决

在miniTab.js中加入以下划红线的一行代码即可如此即可实现切换tab刷新的功能。

编程怪的博客 1404

若依Vue设置切换Tab栏菜单的时候不刷新,还可以+设置点击侧边菜单的时候刷新

所以在编写路由 router 和路由对应的 view component 的时候一定要确保两者的 name 是完全一致的。name: 要大驼峰 ,例如你刚才的路由地址填的是 test, 那你在vue组件里面的name 就要写 Test。如果你的路由地址原本就是 Test ,那你vue组件的name也是 Test。然后你的 vue页面,也就是这个菜单的页面里面的 name 要大驼峰命名。官方的文档是这样的 (后面还有我自己理解的跟着我的思路走就行了)例如我的客户信息菜单的 vue页面。

huatuan111的博客 1849

vue 前端进行tab页面切换时，要求不刷新

项目中TagsView组件用于tab页面切换，在项目中已使用keep-alive，目标页面也开启了“缓存”标志，但是在tab标签点击切换时，有几个页面数据还是刷新了。查找了相关资料，最终找到了一个【页签缓存】的资料，原来主要的问题就出在 “path” 和 “name” 没有完全匹配。【页签缓存】由于目前 keep-alive 和 router-view 是强耦合的，而且查看文档和源码不难发现 keep-alive 的 include (opens new window)默认是优先匹配组件的 name

菜鸟学编程 1万+

上一篇： git merge了，如何回退 merge(还没有 push）

下一篇： Optional 比传统的判空