vue + element 左侧导航栏选中子级，父级高亮问题了

在element 当中，我们选中了子级（二级菜单），有高亮，但是对应的父级（一级菜单）没有任何选中状态。如图

---

 但是在项目中，一般情况都会让对应的父级也呈现高亮的状态。如图，人员管理为一级菜单 =》人员档案为二级菜单 （为了效果明显，给的比较显眼的背景色），第一个图是展开的样式。第二个是收缩起来的样式（职位管理深灰色，是触摸上去的样式）

    

 

---

 其实在element钟，功能都是有的，选中会有个类名，只是没有给他添加样式，只需要在你写导航栏页面给他添加以下样式就可以了。

//对应子级，父级的样式
.el-submenu.is-active > .el-submenu__title {
  background: rgb(206, 169, 181) !important;
}
//当前选中子级的样式
.is-active{
  background: red !important;
}

注意：这种不管你有多少级菜单，对应的父级都会高亮，如：综合安防（一级菜单）=》事件中心（二级菜单） =》事件档案（三级）