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

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

  • 强制 Vue Router 重新渲染组件

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

<template>

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

</template>

相关推荐
蓝胖子的多啦A梦3 分钟前
npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚
前端·npm·node.js
LinCC75 分钟前
在Vite中构建项目出错-Top-level await is not available in the configured target environme
前端
用户882093216676 分钟前
如何优雅拆分一个充斥十几种逻辑的 SDK 回调函数?
前端
Momoly088 分钟前
vue3+el-table 利用插槽自定义数据样式
前端·javascript·vue.js
唯有选择8 分钟前
让你的应用界面好看的基石:Flutter主题Theme使用和扩展自定义字段
前端·flutter
山有木兮木有枝_8 分钟前
告别布局间隙:浮动(float)在网页排版中的高阶应用
前端
满分观察网友z10 分钟前
vue的<router-link>的to里面的query和params的区别
前端
bo5210010 分钟前
从0到1:Element Plus虚拟树的拖拽功能二次开发实战
javascript·vue.js
小约翰仓鼠10 分钟前
vue3表格使用Switch 开关
前端·javascript·vue.js
JiangJiang12 分钟前
🔥 面试官:Webpack 为什么能热更新?你真讲得清吗?
前端·面试·webpack