技术栈

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

lryh_2024-06-30 11:59

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

  • 强制 Vue Router 重新渲染组件

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

<template>

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

</template>

上一篇:Eureka三级缓存架构
下一篇:Xcode 手动添加模拟器
相关推荐
闲适达人
3 分钟前
nginx传递url的获取方案
java·服务器·前端
石小石Orz
4 分钟前
给Claude增加状态栏显示:claude-hud保姆级教程
前端·人工智能·后端
ZC跨境爬虫
27 分钟前
跟着 MDN 学 HTML day_55:HTML 音频与视频嵌入实战指南
前端·javascript·ui·html·音视频·媒体
2766958292
28 分钟前
阿里图像修复验证码自动化分析
java·前端·自动化·阿里滑块·drssionpage·阿里图像修复验证码·阿里图像复原
Jack N
33 分钟前
2026 浏览器原理 常见面试题(附答案)
前端·html·浏览器
何何____
33 分钟前
CSS 易混淆易错知识点
前端·css
北山有鸟
34 分钟前
常用的快捷键
linux·前端·chrome·单片机·学习
KaMeidebaby
37 分钟前
卡梅德生物技术快报|噬菌体筛选全流程技术方案:弧菌抑菌菌株筛选、特性鉴定与效果测试
前端·数据库·其他·百度·新浪微博
JiaWen技术圈
1 小时前
主流非 JWT 式 Access Token 方案
前端·安全
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03【AI】2026 年具身智能模型和世界模型总结04Gemini大升级、AI眼镜首发、Android XR亮相,13天后见分晓05CC-Switch & Claude 基于 Linux 服务器安装使用指南06头歌软件工程导论UML画图题(基于starUML)07人工智能最新动态 AI 日报 · 2026年5月10日08AI科技热点日报 | 2026年5月11日09Codex 手机端连接教程:三分钟搞定,附完整步骤102026年AI前瞻:量子AI、具身智能与科学发现的新纪元