如何让Vue导航菜单刷新后仍显示对应路由界面而不消失?

2026-04-03 00:400阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计713个文字,预计阅读时间需要3分钟。

如何让Vue导航菜单刷新后仍显示对应路由界面而不消失?

使用Vue + Element-UI框架构建公共导航栏(https://element.eleme.cn/)

使用vue element-ui框架构建公共导航栏(element.eleme.cn/#/zh-CN/component/menu)

按F5刷新就会返回默认定义的路由,使用 "$route.path" 刷新后还是在最新的一个路由:

<el-menu :default-active="$route.path"></el-menu>

补充知识:vue 动态菜单 刷新空白 解决方案

1.先确认自己在route.js 或者 main.js 中有没有使用 路由守卫vue.beforeEach和vue.addRouters() 促使页面每次刷新,重新根据后台返回数据生成动态路由,就像你在登陆时做的事情一样。

阅读全文

本文共计713个文字,预计阅读时间需要3分钟。

如何让Vue导航菜单刷新后仍显示对应路由界面而不消失?

使用Vue + Element-UI框架构建公共导航栏(https://element.eleme.cn/)

使用vue element-ui框架构建公共导航栏(element.eleme.cn/#/zh-CN/component/menu)

按F5刷新就会返回默认定义的路由,使用 "$route.path" 刷新后还是在最新的一个路由:

<el-menu :default-active="$route.path"></el-menu>

补充知识:vue 动态菜单 刷新空白 解决方案

1.先确认自己在route.js 或者 main.js 中有没有使用 路由守卫vue.beforeEach和vue.addRouters() 促使页面每次刷新,重新根据后台返回数据生成动态路由,就像你在登陆时做的事情一样。

阅读全文