[JavaScript知识库]vue项目中 设置高亮当前菜单项

在控制台中查看dom结构，点击想要修改的那一块，然后可以看到在一个li标签中，有一个is-active

?

然后在sidebar.css中添加一段样式：如下：

.el-menu {
  
  .is-active {
//修改背景颜色
    background-color: $menuText !important;
    span{
//修改文字颜色
      color: $menuActiveText !important;
    }
    .svg-icon{
//修改图标颜色
      color: $menuActiveText !important;
    }
  }
}

<!>组件里有可能带有同类名的样式,所以最好在样式后面加 !important