在这个例子中,active-text-color 设置了选中时文字的颜色,而 active-background-color 设置了选中时背景的颜色。 3. 动态修改 如果你需要根据某些条件动态地改变选中颜色,你可以使用JavaScript或Vue的计算属性来动态设置 el-menu 的属性,或者在Vue组件的 mounted 钩子中通过JavaScript来修改DOM元素的样式。
el-menu 设置选中状态的项目的颜色和背景色及动态设置菜单图标及全屏的关键:height: 100vh <template><el-menudefault-active="/home/root"routertext-color="#ffffff"active-text-color="#ff0000"background-color="#191970"><el-menu-itemindex="/home/root"><el-icon><component:is="data[2].com"></...
UE+ElementUI更改导航菜单选中背景颜色 主要是设置 .el-menu-item.is-active 选择器的样式属性 官方文档中提供background-color、text-color、active-text-color三种属性 仅提供了激活菜单文字颜色,并没有提供激活菜单的其他参数 <el-menudefault-active="0"class="el-menu-vertical-demo"@open="handleOpen"@close=...
} 选中: .el-menu-item.is-active { color: #6681fa; background-color: #eaeeff !important; }
//设置选鼠标指针浮动在一级菜单的设置 .el-menu-item:hover{ background-color:aqua!important;; } //设置当前被选中的一级菜单 .el-menu-item.is-active{ color:#fff !important; background:black!important; } 但是当我使用,下面的代码去修改二级菜单的鼠标浮点事件的时候,我设置的背景颜色就只出现在我鼠...