如何在一个项目中设置高亮当前菜单项？

目标

当左侧的某一菜单处于选中状态时，对它高亮显示

分析

当某个菜单处于选中状态时，el-menu自动会有一个特殊的类.is-active，所以我们补充一个css类就可以了。

操作

在 src\styles\sidebar.scss文件中， 在el-menu下添加一个is-active类，样式如下

.el-menu {
  // 省略其他
  .is-active {
    background-color: $menuText !important;
    span{
      color: $menuActiveText !important;
    }
    .svg-icon{
      color: $menuActiveText !important;
    }
  }
}

$menuText和$menuActiveText是在 variables.scss样式中定义的两个特殊的颜色。