bmcui/src/components/menu.vue

<template>
  <div class="menu-contente">
   <Menu  mode="horizontal" active-name="总览">

          <template v-for='(item, index) in menuList'>
            <template v-if='!!!item.children'>
              <MenuItem :name="item.name" :to='item.link'>
                {{item.name}}
              </MenuItem>
            </template>
            <template v-else>
               <Submenu :name="item.name">
                <template slot="title">
                    {{item.name}}
                </template>
                <template v-for='i in item.children'>
                  <MenuItem :to='i.link'  :name="i.name + index">{{i.name}}</MenuItem>
                </template>
              </Submenu>
            </template>
          </template>


        </Menu>
  </div>
</template>

<script>
export default {
  name: 'allmenu',
  data(){
    return {
      theme:'',
        menuList:[
          {
            name:"总览",
            link:'dashbord',
            isDisabel: false
          },
          {
            name:"风扇控制",
            link:'fan',
            isDisabel: false
          },
          {
            name:"FRU信息",
            link:'fru_info',
            isDisabel: false
          },
          {
            name:"健康",
            link:'index/',
            isDisabel: false,
            children:[
              {name:"传感器读值", isDisabel: false},
              {name:"事件日志", isDisabel: false},
              {name:"系统日志", isDisabel: false},
              {name:"BSOD屏幕", isDisabel: false},
            ]
          },
           {
            name:"配置",
            link:'index/',
            isDisabel: false,
            children:[
                {name: "Active Directory", link: '/index/active_directory', isDisabel: false},
                {name: "DNS", link: '/index/dns', isDisabel: false},
                {name: "事件日志", link: '/index/event_log', isDisabel: false},
                {name:"Images重定向", link:'/index/images_redirection', isDisabel: false},
                {name:"LDAP/E-Directory", link:'/index/LDAP', isDisabel: false},
                {name:"证书", link:'/index/License', isDisabel: false},
                {name:"鼠标的模式", link:'index/', isDisabel: false},
                {name:"NCSI", link:'index/', isDisabel: false},
                {name:"网络", link:'index/', isDisabel: false},
                {name:"网络绑定", link:'index/', isDisabel: false},
                {name:"网络连接", link:'index/', isDisabel: false},
                {name:"NTP", link:'index/', isDisabel: false},
                {name:"PAM 指令", link:'index/', isDisabel: false},
                {name:"PEF", link:'index/', isDisabel: false},
                {name:"RADIUS", link:'index/', isDisabel: false},
                {name:"远程会话", link:'index/', isDisabel: false},
                {name:"服务", link:'index/', isDisabel: false},
                {name:"SMTP", link:'index/', isDisabel: false},
                {name:"SSL", link:'index/', isDisabel: false},
                {name:"系统日志", link:'index/', isDisabel: false},
                {name:"系统防火墙", link:'index/', isDisabel: false},
                {name:"用户", link:'index/', isDisabel: false},
                {name:"虚拟媒体", link:'index/', isDisabel: false},
            ]
          },
          {
            name:"运动控制",
            isDisabel: false,
            link:'index/',
            children:[
              {name:"终端重定向", link:'index/', isDisabel: false},
              {name:"电源控制", link:'index/', isDisabel: false},

            ]
          },
          {
            name:"自动视频录制",
            isDisabel: false,
            link:'index/',
            children:[
              {name:"触发配置", link:'index/', isDisabel: false},
              {name:"视频录制", link:'index/', isDisabel: false},

            ]
          },
          {
            name:"维护",
            isDisabel: false,
            link:'index/',
            children:[
              {name:"保留配置", link:'index/', isDisabel: false},
              {name:"恢复配置", link:'index/', isDisabel: false},
              {name:"系统管理员", link:'index/', isDisabel: false},

            ]
          },
          {
            name:"固件更新",
            isDisabel: false,
            link:'index/',
            children:[
              {name:"固件更新", link:'index/', isDisabel: false},
              {name:"协议配置", link:'index/', isDisabel: false},

            ]
          },
        ]
    }
  }
}
</script>