首先声明,我是菜鸟
<el-menu :default-active="defaultUrl" router>
<el-menu-item index="/index" key="1"><span slot="title">111</span></el-menu-item>
<el-menu-item index="/test" key="2"><span slot="title">222</span></el-menu-item>
</el-menu>
:default-active是element的高亮关键点
:default-active="$route.path"的时候,是可以满足基础要求,
如 /index 有/index/1、有/index/2,等,刷新时,高亮会有问题。
先在router中配置一下,其实应该写二级路由的,但是我比较懒我就不写二级路由了,凑合着看吧
{ path: "/index", redirect: "/index/1" }
{ path: "/index/1", component: index1},
{ path: "/index/2/:id", component: index2},
这样在我点击菜单 index的时候,实际跳转到 /index/1
此时让 :default-active="defaultUrl"
并在data中 return{
defaultUrl:""
},
mounted(){
this.defaultUrl="/"+ window.location.href.split("/#")[1].split("/")[1]
}
为啥这么写,我是菜鸟,我不晓得,晓得也不说,行吧就这样了