element侧边导航子级菜单高亮让对应父级菜单也高亮

Posted 2021-09-04 水星记_

前言

内容比较基础，但对于刚入门的人来说或许是一个窗口，博客将持续更新改进，请关注收藏...

---

默认展示效果：子级菜单高亮，父级菜单没有高亮

需求效果：子级菜单同父级菜单都高亮

解决方案：

在对应的页面文件下面加上以下代码即可

<style  scoped>
/* 文字 */
::v-deep.el-submenu.is-active > .el-submenu__title {
  color: #409eff !important;
}
/* icon图标也跟着变 */
::v-deep .el-submenu.is-active > .el-submenu__title i {
  color: #409eff !important;
}
</style>