账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element和简单头部导航栏问题?
    31
    0

    点击首页,跳转到首页
    点击管理导航,显示相对应的管理消息栏目 点击栏目显示管理列表

    <template>
    <el-container direction="horizontal">

    <el-aside width="200px">
      <h1 class="logo"></h1>
      <el-menu ref="navmenu" mode="vertical" class="navmenu" @select="onSelectMenu" default-active="M0">
    
        <template v-for="(item,index) in activeModule" @click.native="railing">
          <el-menu-item v-if="item.type=='TAB'" :index="'TAB,'+index"  >
            <i :class="item.icon"></i> {{item.key_name}}
          </el-menu-item>
          <el-submenu v-else :index="'M'+index">
            <template slot="title">
              <i :class="item.icon"></i>
              <span>{{item.key_name}}</span>
            </template>
            <template v-for="(feature, findex) in item.items">
              <el-menu-item :index="index+','+findex">
                {{feature.key_name}}
              </el-menu-item>
            </template>
          </el-submenu>
        </template>
      </el-menu>
    </el-aside>
    <el-container direction="vertical">
      <el-header>
        <el-row>
          <el-col :span="15">
            <div>
              <ul class="usermenu-list">
                <li v-for="(item,index) in items" @click="addClass(index)" >
                  <p v-bind:class="{ blue:index==current}">
                    <i :class="item.icon"></i>
                    {{item.key_name}}
                  </p>
    
                </li>
              </ul>
            </div>
          </el-col>
          <el-col :span="9">
            <el-menu class="usermenu" mode="horizontal" @select="onTopSelect"
                     background-color="#02ABFF" text-color="white" active-text-color="white">
              <el-menu-item index="desktop">用户桌面</el-menu-item>
              <el-submenu index="module">
                <template slot="title">切换模块</template>
                <el-menu-item v-for="(module, index) in navmenu" :index="module.code">{{module.key_name}}</el-menu-item>
              </el-submenu>
              <el-submenu index="user">
                <template slot="title">{{user.key_name}}</template>
                <el-menu-item index="password">修改密码</el-menu-item>
                <el-menu-item index="logout">退出系统</el-menu-item>
              </el-submenu>
            </el-menu>
          </el-col>
        </el-row>
    
      </el-header>
      <el-main class="router"><router-view /></el-main>
    </el-container>

    </el-container>
    </template>

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 时间枯萎 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部