vue3 新增一个菜单A ,进入A页面后 再切换到 菜单B页面时 页面是空白 需要刷新浏览器才起效

由于动态路由加载的状态未被 Vue Router 及时更新导致的

  • 强制 Vue Router 重新渲染组件

App.vue 或主布局文件中,添加 key 属性来强制组件重新渲染

<template>

<router-view :key="$route.fullPath"></router-view>

</template>

相关推荐
Awu12273 分钟前
⚡精通Claude第6课-Hooks钩子系统:从前端视角玩转AI自动化工作流
前端·aigc·claude
椰猫子4 分钟前
Spring Framework(Bean)
java·前端·spring
道清茗5 分钟前
【RH294知识点汇总】第 7 章 《 使用角色和 Ansible 内容集合简化 Playbook 》
java·前端·ansible
前端那点事12 分钟前
彻底弄懂async/await!解决回调地狱,Vue异步开发必备(超全实战)
前端·vue.js
A_nanda36 分钟前
VS2022安装QT6.5.3后,如何更新项目配置
前端·javascript·vue.js
ZC跨境爬虫38 分钟前
UI前端美化技能提升日志day8:(Watch专区字体优化+尺寸校准+视觉重构+结构分层)
前端·ui·重构·html
悟空和大王1 小时前
内网环境: vue3中使用 iconify 的在线图标
前端
福大大架构师每日一题1 小时前
openclaw v2026.4.21 更新:图像生成、权限安全、插件修复、Slack 线程、浏览器与 npm 安装全面优化
前端·安全·npm
FanetheDivine1 小时前
自定义useChat管理AI会话
前端·react.js·aigc
小赵同学WoW1 小时前
call(), appy(),bind() 之间的区别与使用方法,自己实现这三个函数
前端