上面第一块代码,概要的页面,component:Layout它是全局导入的方式,它就是整体布局。icon就是侧边栏的icon,这里就是整体布局。 下面有children,它也是有子的pass,也是叫home。这里面写了它的名字,它的icon,还有它正真的一个页面。 在整体布局下面有一个children。它的子pass叫做/home。 会基于这个路由生成一个概要...
链接:[Bug Report] el-menu菜单组件引入动态渲染icon图标时,图标组件刚好是Menu时报错,菜单不显示 · Issue #5570 · element-plus/element-plus · GitHub 如果你目前一定要动态渲染使用Menu这个icon图标的话,全局导入时重起一个其他别名也可以,修改后的main.js代码如下: import{createApp}from'vue...
<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"></component></el-icon><span>主页</span></el-menu-item><el-menu-itemindex="/home/i...
(:class='menuItem.iconClass') span(slot='title') {{menuItem.text}} //- 和Index重复的地方,这也是递归的关键 template(v-for='(innerItem,innerIndex) in menuItem.children') middle-menu(:menu-item='innerItem' :key='innerIndex') template(v-else) i(:class='menuItem.iconClass') span(...
class="icon iconfont" v-html="itemChild_Child.icon" ></i ><span slot="title">{{ itemChild_Child.title }}</span></el-menu-item > </el-submenu> <el-menu-item v-else :index="itemChild.path" :key="itemChild.key" ><i
icon><location/></el-icon><span>{{ item.name }}</span></template><el-menu-itemv-for="child in item.children":key="child.id":index="child.path">{{ child.name }}</el-menu-item></el-sub-menu><el-menu-itemv-else:index="item.path"><el-icon><setting/></el-icon><span>{{...
.menu-left:deep(.el-menu-item.is-active .icon) { filter:invert(100%); -webkit-filter:invert(100%); } .menu-left:deep(.el-menu-item:hover), .menu-left:deep(.el-menu-item.is-active) { color:#ffffff!important; background-color:#243158; ...
<i class="el-icon-eleme"></i> <span>吃外卖的坏处</span> </template> <el-menu-item index="noFun">少了烧饭的乐趣</el-menu-item> <el-menu-item index="expensive">外卖太贵了</el-menu-item> </el-submenu> </el-menu> </div> ...
<el-menu-item v-else:index="Menu.path"><svg-icon:icon="Menu.meta.icon"></svg-icon><template#title><span>{{Menu.meta.title }}</span> </template> </el-menu-item> 就是说svg-icon这个组件不能写在<template #title>里面,这个确实可以解决一部分问题,但是对于我来说,他没有完全解决我的问题...
default-active="'10'"><divclass="companyLocation"><el-submenuindex="1"popper-class="companyPopper">// popper-class 是给弹出来的子菜单添加样式<templateslot="title"><iclass="MenuIconSpriteLocation MenuIconSprite"></i><span>地区</span></template><templatev-for="item in cityData"><el-...