鍍金池/ 問答/HTML/ element和簡單頭部導(dǎo)航欄問題?

element和簡單頭部導(dǎo)航欄問題?

點擊首頁,跳轉(zhuǎn)到首頁
點擊管理導(dǎo)航,顯示相對應(yīng)的管理消息欄目 點擊欄目顯示管理列表

<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">退出系統(tǒng)</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>

回答
編輯回答
傻丟丟
  • 問題描述不清晰
  • 你要列舉遇到了哪些問題,才能給你準確的建議
  • 直接貼代碼,沒有任何說明,看不明白你到底要問什么
  • 建議先描述一下具體問題
2017年7月14日 17:21