<el-menu-item-group> <template #title>弹框</template> <el-menu-item index="/tags">弹框管理</el-menu-item> </el-menu-item-group> 1. 2. 3. 4. { path: '/dialog', component: () => import('../views/Dialog/index.vue'), name: 'Dialog', meta: { hidden: true, }, } 1. ...
<el-menu-item index="1-2">item two</el-menu-item> </el-menu-item-group> <el-menu-item-group title="Group Two"> <el-menu-item index="1-3">item three</el-menu-item> </el-menu-item-group> <el-sub-menu index="1-4"> <template #title><span>item four</span></template> <...
> <el-menu-item index="3-3">Option 3</el-menu-item> </el-menu-item-group> <el-sub-menu index="3-4"> <template #title>Option 4</template> <el-menu-item index="3-4-1">Option 4-1</el-menu-item>
如何分析解决问题是我们所要了解的毕竟有句话给你一条鱼不如教你捕鱼的技术实操吧不要偷懒在我建好的项目加个路由 <el-menu-item-group> <template #title>弹框</template> <el-menu-item index="/tags">弹框管理</el-menu-item> </el-menu-item-group>{ path: '/dialog', component: () => import...
-- 二级导航 --><templatev-if="item.children"><el-menu-item-groupv-for="val in item.children":key="val.meta.key"><templatev-if="val.children"><el-sub-menuv-for="ele in val.children":key="ele.meta.key":index="ele.path"><template #title><span>{{val.meta.title}}</span></...
<el-sub-menu :index="item.title" style="width: 200px;" v-if="item.children"> <template #title> <el-icon><icon-menu /></el-icon> <span>{{item.title}}</span> </template> <el-menu-item-group v-for="itemc in item.children" :key="itemc"> ...
ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckbox, ElCheckboxButton, ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ...
"common-aside" width="200px"><el-menu background-color="none" text-color="#fff" :router="true"><el-sub-menu index="1"><template #title><el-icon><location /></el-icon><span>账号管理</span></template><el-menu-item-group><el-menu-item index="/user">用户列表</el-menu-item><...
el-menu-item-group> <el-sub-menu index="1-4"> <template #title>item four</template> <el-menu-item index="1-4-1">item one</el-menu-item> </el-sub-menu> </el-sub-menu> <el-menu-item index="2"> <el-icon><icon-menu /></el-icon> <span>Navigator Two</span> </el-menu...
}.el-menu,.el-sub-menu,el-menu-item-group,el-menu-item { width: 200px; word-wrap: normal;}ul.el-menu>li{ border-bottom: 2px solid #e9e9e9;}li.el-menu-item.is-active{ border-bottom: 2px solid var(--el-menu-active-color); color: var(--el-menu-active-color)...