美文网首页
ele-menu 每个目录背景颜色不同的实现

ele-menu 每个目录背景颜色不同的实现

作者: Xbbing | 来源:发表于2021-03-02 17:02 被阅读0次

我们想要实现的效果是这样子的:

效果图

//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>

相关文章

网友评论

      本文标题:ele-menu 每个目录背景颜色不同的实现

      本文链接:https://www.haomeiwen.com/subject/dyrxqltx.html