Spring Boot Vue Element入门实战 十六、菜单首页，前后台整合

本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766

（一）菜单

在main.vue 中加入左侧菜单
注意：学生用户登录是看不见教师和基础数据页面的，所有需要加入判断条件

// An highlighted block
<el-main>
  <el-menu :default-active="$route.path" :collapse="collapsed">
    <template v-for="(item,index) in menus">
      <el-submenu :index="index+''" v-if="!item.leaf">
        <template slot="title">
          <i :class="item.iconCls" style="margin-right: 6px;"></i>
          <span>{
  {item.name}}</span>
        </template>
        <el-menu-item
          v-for="child in item.children"
          v-if="currentLoginType == child.auth || currentLoginType == 'admin' || currentLoginT