el-menu-item选中改变颜色

要修改el-menu-item选中后的颜色，你可以使用 .el-menu-item.is-active 选择器，并设置样式属性 background-color。在样式中添加 !important 可以提高优先级。例如:

.el-menu-item.is-active {
background-color: #2D3D51 !important;
color: #18909B !important;
}

这样，当el-menu-item被选中时，背景颜色和字体颜色都会改变。请注意，你也可以根据需要修改其他样式属性。希望这可以帮到你！

相关问题

el-menu-item默认选中效果

el-menu-item是Element UI中的一个组件，用于创建菜单项。默认情况下，el-menu-item没有默认选中效果，需要手动设置选中状态。

要实现el-menu-item的默认选中效果，可以通过以下两种方式之一：

1. 使用router-link进行路由跳转：
在el-menu-item中使用router-link组件，并设置to属性为目标路由路径。当路由路径匹配时，el-menu-item会自动添加选中状态的样式。
例如：

   <el-menu-item>
     <router-link to="/home">Home</router-link>
   </el-menu-item>

2. 使用index属性进行匹配：
在el-menu-item中使用index属性，并设置为目标菜单项的唯一标识。然后在el-menu组件中使用default-active属性，将其值设置为目标菜单项的index值。这样在页面加载时，el-menu-item会自动添加选中状态的样式。
例如：

   <el-menu default-active="home">
     <el-menu-item index="home">Home</el-menu-item>
     <el-menu-item index="about">About</el-menu-item>
   </el-menu>

el-menu加载进入页面后直接展开el-sub-menu并选中里面的el-menu-item

要实现el-menu加载进入页面后直接展开el-sub-menu并选中里面的el-menu-item，可以通过以下步骤来实现：

1. 首先，在el-sub-menu上添加一个属性`default-active`，将其值设置为要展开的el-sub-menu的index或者唯一标识符。例如，如果要展开第一个el-sub-menu，可以将`default-active`设置为`"1"`。

2. 接下来，在el-menu-item上添加一个属性`default-active`，将其值设置为要选中的el-menu-item的index或者唯一标识符。例如，如果要选中第一个el-menu-item，可以将`default-active`设置为`"1"`。

3. 最后，在el-menu上添加一个属性`default-openeds`，将其值设置为要展开的el-sub-menu的index或者唯一标识符的数组。例如，如果要展开第一个和第二个el-sub-menu，可以将`default-openeds`设置为`["1", "2"]`。

这样，当el-menu加载进入页面后，指定的el-sub-menu会展开，并且指定的el-menu-item会被选中。