el-menu 导航栏菜单 当右边的内容部分跳转路由,导航栏高亮的部分不亮了

el-menu 导航栏菜单 当右边的内容部分跳转路由,导航栏高亮的部分不亮了_第1张图片
右边跳转路由,左边的红色高亮就消失了。

先看一下 el-menu里的两个配置项
在这里插入图片描述在这里插入图片描述

这两个配置项可以知道这个 index也就是跳转路由的路径

el-menu 导航栏菜单 当右边的内容部分跳转路由,导航栏高亮的部分不亮了_第2张图片
el-menu 导航栏菜单 当右边的内容部分跳转路由,导航栏高亮的部分不亮了_第3张图片

然后在配置路由的js文件里
el-menu 导航栏菜单 当右边的内容部分跳转路由,导航栏高亮的部分不亮了_第4张图片
下面的/learningStatisticsDetails是在上面的/learningStatistics里面跳转的,这样设置之后,跳转到/learningStatisticsDetails里,/learningStatistics这个部分也是激活状态的,导航栏的高亮部分就不会消失了^ ^

你可能感兴趣的:(Vue使用Element-UI,vue.js,javascript,elementui)