firefox中vue router跳转后url变化但页面空白，主因是其对根级注释、未捕获promise错误、shadow dom slot分发及history api延迟更敏感，需针对性排查注释位置、错误处理、scrollbehavior配置及网络预测功能。
确认 Firefox 特定行为是否触发了 Vue Router 的渲染边界条件
Vue 单页项目在 Firefox 中点击 router-link 后 URL 变化但页面空白，而 Chrome 正常，说明问题与浏览器解析 DOM 或事件循环的细微差异有关，不是通用逻辑错误。
首先打开 Firefox 开发者工具（Ctrl+Shift+I），切换到「控制台」标签页，刷新页面并执行一次跳转，观察是否有 【未捕获的 Promise 拒绝】 或 silent fail 类型警告——Firefox 对未处理的异步错误更敏感，尤其在组件 setup() 中抛出未 catch 的 Promise 错误时，会静默终止挂载流程。
检查 router-view 是否被 Firefox 的 Shadow DOM 模式意外隔离
若项目中使用了 Web Components、自定义元素或第三方 UI 库（如某些版本的 Element Plus 或 Naive UI），且启用了 shadow: true 选项，Firefox 对
在父组件模板中定位
临时移除所有 attachShadow 调用或自定义元素封装，用纯 div 替代后重试跳转。
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章