切换标签页，刷新后才能正常显示页面的bug

最新推荐文章于 2025-09-11 00:45:25 发布
原创 最新推荐文章于 2025-09-11 00:45:25 发布 · 818 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#bug #vue

文章描述了在使用pure-admin前端模板时遇到的问题，即切换标签页时不刷新页面会导致内容空白。问题根源并非路由，而是一个小细节，解决方案是在最外层添加一个特定的嵌套结构。参考链接提供了一个详细的解决步骤。

bug描述

用的pure-admin的前端模板，问题就是：“切换标签页的时候必须需要刷新才能正常显示当前页面，不然就是一片空白”。

解决

一开始一直以为是路由的问题，后来发现是个很小很小的问题。
解决方法：
在最外层里面要加一个

嵌套。

借鉴：https://blog.youkuaiyun.com/weixin_55296581/article/details/128818882

嵌套tabs的使用：外层切换，导致内层tabs显示空白的问题
weixin_43972213的博客
10-15 1084
异常显示效果： 根据iview官网中对tabs的属性，当嵌套使用 Tabs，设置该属性指向对应 Tabs 的 name 字段 使用方法： <Tabs type="card" name="outTabs" value="tab1-1"> <TabPane label="tab1-1" name="tab1-1" tab="outTabs"> <Tabs name="innerTabs" value="tab2-1"> <TabPane label
vben admin 新增路由测试,以及页面空白bug定位
YZRHANYU的博客
10-30 4551
vben admin 新增路由测试,以及页面空白bug定位
Vue路由首次跳转加载不出某个组件或显示空白，刷新一次才可显示（遇到的坑）
a1071626267的博客
09-08 5200
Vue路由首次跳转加载不出footer组件，刷新一次才可显示（遇到的坑）
攻克Vue-Pure-Admin登录后页面异常：从源码分析到解决方案
最新发布
gitblog_00306的博客
09-11 253
你是否也曾遇到这样的窘境——使用Vue-Pure-Admin后台管理系统时，输入正确的账号密码点击登录，却发现页面一片空白或组件加载错乱？作为基于Vue3+TypeScript构建的主流后台框架，这类登录后页面展示异常问题不仅影响开发效率，更可能导致线上服务中断。本文将从**用户认证流程**和**状态管理机制**两个核心维度，带你一步步排查问题根源并实现彻底解决。 ## 异常表现与常见场景 登...
前端项目部署后，需要刷新页面才能看到更新内容
落叶无声的专栏
10-31 2654
前端项目部署后，需要刷新页面才能看到更新内容
前端vue页面，每次切换标签页，都重复刷新请求问题
qq_39776978的博客
03-24 2505
在vue的标签页切换时，是否遇到每次都请求，浪费性能，还会覆盖已有查询好的结果！或者是，切换标签页时，想要从新请求刷新页面。
vue项目切换页面会白屏，刷新之后才会正常显示(已解决)
精通前端技术，了解后端接口
04-07 5367
vue项目切换页面会白屏，刷新之后才会正常显示(已解决)
浏览器标签页切换时旧页面局部残留问题记录
qq_36591160的博客
04-13 4029
最近在使用浏览器时，发现一个奇怪的现象：切换标签页后，新页面已经加载，但偶尔会出现旧页面内容的局部残留（比如按钮、文本或图片区域），与新页面重叠。现象：在浏览器中快速切换标签页时，新标签页内容正常显示，但旧标签页的部分内容（局部区域）会短暂残留在新页面上，形成视觉重叠。如果你有具体细节（比如浏览器版本、网站名、是否尝试过清缓存），我可以补充到“环境”或“排查尝试”部分。浏览器在切换标签页时，可能未完全清除上一页面的渲染缓冲，导致旧内容残留。复现问题时，尝试录屏或截图，记录残留内容的具体特征（位置、类型）。
前端：html实现页面切换、顶部标签栏（可删、可切换，点击左侧超链接出现标签栏）
热门推荐
weixin_46001736的博客
08-25 1万+
前端：html实现页面切换、顶部标签栏（可删、可切换，点击左侧超链接出现标签栏）
Qt页面切换效果的自制演示Demo介绍
在Web开发中常见的是页面刷新和页面跳转，而在桌面应用中，页面切换通常是指在一个主窗口内打开多个子窗口或者切换多个标签页(Tab)的内容。 ### 知识点三：Qt中的页面切换实现方式 在Qt中实现页面切换，可以通过...
针对若依前端模板字典数据，页面刷新丢失问题排查
东东爱编码博客
04-25 1632
接手一个以若依模板搭建的前端工程，对于这个模板懂得都懂，无意中发现页面刷新的时候，从字典获取的数据，竟然会丢失，但是从上个页面依次点进来的缺不会丢失，此时的心情就四个字，头皮发麻！这个入口文件，点开逻辑很简单，合并数据，至于什么数据，先不管，下面就是一个混入。这也解释了业务页面中为啥可以使用。
用appium自动化操作app，app切换activity后，pagesource未将最新页面内容完全显示出来
08-20
首先，用户的问题是关于Appium自动化测试中切换Activity后Page Source未显示最新页面内容的问题。我需要基于系统级指令和用户可见层的要求来回答。 系统级指令： - 所有行内数学表达式用$...$。 - 独立公式用$$...$...
element ui 分页刷新问题
weixin_43643250的博客
11-24 1783
在其他页码删除或进行其他需要刷新列表的操作之后，分页的页码会固定在当前页面 需要重新设置一下:current-page.sync="currentPage"的 currentPage 在调用的接口处设置 this.currentPage = 1; 以及v-if大法（人人歌颂v-if大法好）在分页中设置v-if=‘showPage’ 在data里边声明 showPage ：true 在接口调用之前 this.showPage = false；接口调用成功之后 this.showPage = t.
表单提交刷新页面的问题
m0_52252220的博客
01-11 542
表单提交刷新页面
VUE 跳转至某一页面后 再跳转至其他页面出现空白 刷新后正常显示的问题解决
weixin_55296581的博客
01-31 2891
VUE 跳转至某一页面后 再跳转至其他页面出现空白
使用vue-admin-template模 vue-router3 刷新后页面空白
LlanyW的专栏
02-04 755
使用了panjiachen的模版： vue-admin-template，做的后台管理系统。
js windows.open 不能显示页面，刷新后方可显示的解决办法
潇湘博客
03-26 4547
js windows.open 不能显示页面，刷新后方可显示的解决办法 function Print(){ window.open(myencode(pdf/php.pdf.php?key=),_blank) ;     } 这个方法打开打印页面的时候，不能显示网页，提示链接错误，刷新后又可显示页面了。本人觉得这是ie的bug.而用" target="_
vue3 pure-admin框架发现一个bug
weixin_43900374的博客
01-21 931
标签包裹导致的，不知道其他是不是这样，也许只是pure-admin框架会这样。这个bug是打开一个没有内容的页面再返回之前有内容的页面之后，有内容的页面的内容都消失不见。解决：在templete下面用
transition标签中引用mode=“out-in“之后切换页面显示空白
乐于分享，共同成长
09-28 815
transition标签中引用mode="out-in"之后切换页面显示空白
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值