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

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

  • 强制 Vue Router 重新渲染组件

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

<template>

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

</template>

相关推荐
RulerMike2 分钟前
three 实现简单机械臂逆运动
前端·ai编程·three.js
darkb1rd4 分钟前
从“会聊天”到“会搭页面”:一次 TinyEngine + MCP 的前端智能化实战思路
前端
社恐的下水道蟑螂21 分钟前
从奶茶店彻底搞懂 SSR!从零到拿捏服务端渲染,看完面试吹牛逼不卡壳
前端·react.js·性能优化
EnCi Zheng25 分钟前
M1-如何转换为HTML
前端·html
luanma15098033 分钟前
Laravel 8.X重磅特性全解析
前端·javascript·vue.js·php·lua
kyriewen1 小时前
为什么我的代码在测试环境跑得好好的,一到用户电脑就崩?原来凶手躲在地址栏旁边
前端·javascript·chrome
Wect1 小时前
LeetCode 215. 数组中的第K个最大元素:大根堆解法详解
前端·算法·typescript
ETA81 小时前
面试官:说说事件冒泡与委托?这是我见过最透彻的回答
前端·javascript
C澒1 小时前
PC 桌面富应用:速分客户端
前端·c++·electron·web app
tzy2332 小时前
Vue和React之争
前端·vue.js·react.js