element和简单头部导航栏问题？

Question

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

<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>

Answer 1

• 问题描述不清晰
• 你要列举遇到了哪些问题，才能给你准确的建议
• 直接贴代码，没有任何说明，看不明白你到底要问什么
• 建议先描述一下具体问题