admin/src/components/index/IndexAsideStatic.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <el-aside class="index-aside" width="200px">
    <div class="index-aside-inner">
      <div v-for="item in menuList" v-bind:key="item.roleName">
        <el-menu
          background-color="#FFFFFF"
          text-color="#3e4b5b"
          active-text-color="#9a55ff"
          default-active="0"
          v-if="role==item.roleName"
        >
          <el-menu-item @click="menuHandler('home')" index="0">首页</el-menu-item>
          <el-submenu :index="1+''">
            <template slot="title">
              <span>个人中心</span>
            </template>
            <el-menu-item @click="menuHandler('updatePassword')" :index="1-1">修改密码</el-menu-item>
            <el-menu-item @click="menuHandler('center')" :index="1-2">个人信息</el-menu-item>
          </el-submenu>
          <el-submenu
            v-for=" (menu,index) in item.backMenu"
            v-bind:key="menu.menu"
            :index="index+2+''"
          >
            <template slot="title">
              <span>{{menu.menu}}</span>
            </template>
            <el-menu-item
              v-for=" (child,sort) in menu.child"
              v-bind:key="sort"
              @click="menuHandler(child.tableName)"
              :index="(index+2)+'-'+sort"
            >
              <img
                src="../../assets/img/jiantou.png"
                style="width:15px;height:15px;margin-right:10px;"
                alt
              />
              {{child.menu}}
            </el-menu-item>
          </el-submenu>
        </el-menu>
      </div>
      <el-button style="margin:20px;width:150px" type="primary" @click="onLogout">退出</el-button>
    </div>
  </el-aside>
</template>
<script>
import menu from "@/utils/menu";
export default {
  data() {
    return {
      menuList: [],
      dynamicMenuRoutes: [],
      role: ""
    };
  },
  mounted() {
    let menus = menu.list();
    this.menuList = menus;