首页 > 其他分享 >多级菜单

多级菜单

时间:2023-08-23 17:02:44浏览次数:26  
标签:hxb 菜单 el 多级 sys title icon

{
   path: '/hxb_sys',   
   component: Layout,
   redirect: '/hxb_sys/branch',
   name: 'hxBank',
   meta: {
     title: '华夏银行',
     icon: 'el-icon-s-help'
   },
   children: [
     {	// 二级菜单1
      
     },
     
     {	// 二级菜单2
       path: 'homePage',   // 首页管理
       component: () => import('@/views/hxb_sys/index'), // Parent router-view
       name: 'HomePage',
       meta: { title: '首页管理', icon: 'el-icon-s-cooperation' },
       alwaysShow: true,	// 需要设置该选项
       children: [
         {	// 三级菜单1
           path: 'category',
           component: () => import('@/views/hxb_sys/homePage/category'),
           name: 'Category',
           meta: { title: '分页列表' , icon: 'el-icon-s-operation'}
         },
         {	// 三级菜单2
           path: 'banner',
           component: () => import('@/views/hxb_sys/homePage/banner'),
           name: 'Banner',
           meta: { title: 'Banner' , icon: 'el-icon-s-operation'}
         },
       ]
     }
   ]
}

标签:hxb,菜单,el,多级,sys,title,icon
From: https://blog.51cto.com/u_16150721/7204838

相关文章

  • 次级菜单
    {path:'/hxb_sys',component:Layout,redirect:'/hxb_sys/branch',name:'hxBank',meta:{title:'华夏银行',icon:'el-icon-s-help'},children:[{ //二级菜单1......
  • axure动态面板做下拉菜单
    1、托入几个矩形,当1、2级菜单 2.、菜单全选,右键,转为动态面板,动态面板命名为一级菜单名称   3、系统管理面板,默认是状态1,里面有3个按钮,状态1->改为展开,再增加一个关闭状态(1)双击系统管理面板,  (2)新增状态 (3)把展开状态的系统管理菜单,复制到关闭状态里 ......
  • 「AntV」x6 框选添加右键菜单
    今天在群里有个小伙伴提出了这么个问题:如何在框选完成后给框选的区域添加一个右键菜单的功能,我看到了这个问题后也是有点懵,心里想着怎么还有这个需求,直接快捷键删除不是更好吗,谁知这位小伙伴也是这么写的,奈何客户要添加右键菜单的功能,所以说,客户最大。既然人家都提出这个需求呢,那......
  • 什么是 Spartacus Storefront B2B store 的 My Company 菜单
    Spartacus是一个基于Angular的开源JavaScriptweb应用,与SAPCommerceCloud的RESTAPI进行交互。它的目标是提供一个稳定、可靠、可扩展的前端解决方案,让开发者能够创建全功能的商店,同时避免了与后端系统的紧密耦合。其中,B2Bstore是一个专门为B2B交易设计的商店,而My......
  • 多级反向代理[Squid]下获取客户端真实IP地址
    在很多应用下都可能有需要将用户的真实IP记录下来,这时就要获得用户的真实IP地址,在JSP里,获取客户端的IP地址的方法是:request.getRemoteAddr(),这种方法在大部分情况下都是有效的。但是在通过了Apache,Squid等反向代理软件就不能获取到客户端的真实IP地址了。这段时间在做IP统计的......
  • 前端Vue自定义等分底部菜单导航按钮 自适应文字宽度 可更改组件位置
    随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率......
  • bat文件固定到开始菜单
    首先,创建快捷方式,如果bat中没有关闭终端的指令就使用/c,对象的位置设置为cmd/cC:\User\xxx.batcmd/c“批处理文件路径”:批处理文件执行完后窗口自动关闭;cmd/k“批处理文件路径”:批处理文件执行完后后窗口不会自动关闭;之后,右键得到的快捷方式即可......
  • .NET桌面程序如何设置任务栏图标右键菜单中的名称
    右键任务栏中应用程序图标时会显示程序名称,例如:这里显示的并不是程序文件名DingTalk,而是文件属性中详细信息选显卡下的“文件说明”。在.NET桌面程序中,是通过修改程序集名称(AssemblyTitle)来设置该值,c++程序则是添加版本信息设置FileDescription属性。但是,这个属性和应用程序图......
  • 实现通用路由菜单的一种方式
    将路由数组引入后进行遍历,自行迭代,即可展示需要的菜单选项<a-menu-itemv-for="iteminroutes":key="item.path">{{item.name}}</a-menu-item>在通用布局中使用route-view渲染实际的页面内容,更加动态也更加灵活<a-layout-contentclass="center">......
  • element-ui 菜单导航的使用
    导航属性 原有代码启用 :router="true"属性2.整理路由将菜单界面作为根 将菜单对应的相应的界面放到其下面,相当于其的子代3.在<el-main></el-main>中放入页面显示出口标签 <router-view></router-view>......