我们想要实现的效果是这样子的:
效果图//menu.color 为颜色数据
<el-submenu :style="'background:' + menu.color + ';' ">
//之所以在<el-menu-item>外面套一层<el-menu-item-group>是为了避免移入高亮不恢复本来颜色的bug
// /deep/ .el-menu-item-group__title{
// display: none;
// }
//不信的自己可以不套
<el-menu-item-group :style="'background:' + menu.color + ';' ">
<el-menu-item :menu="menu">
<i v-if="!!menu.icon" :class="menu.icon"></i>
<span slot="title">{{ menu.name }}</span>
</el-menu-item>
</el-menu-item-group>
网友评论