<template> <el-menu :default-openeds="['1', '3']" style="min-height: 100%;overflow-x: hidden;" background-color="rgb(48,68,86)" text-color="#fff" router @select="handleSelect" > <div> <b style="color: white;height: 60px;line-height: 60px;position: relative; margin-right: 50px;"> 后台管理系统</b> </div> <el-menu-item index="/home" > <template slot="title"> <i class="el-icon-setting"></i> <span slot="title">主页</span> </template> </el-menu-item> <el-submenu index="2"> <template slot="title"><i class="el-icon-menu"></i>系统管理</template> <el-menu-item-group> <template slot="title"></template> <el-menu-item index="/user"><i class="el-icon-delete"></i>用户管理</el-menu-item> <el-menu-item index="2-2"><i class="el-icon-more"></i>物料管理</el-menu-item> </el-menu-item-group> <el-menu-item-group title=""> <el-menu-item index="2-3"><i class="el-icon-time"></i>仓库管理</el-menu-item> </el-menu-item-group> </el-submenu> </el-menu> </template> <script> export default { methods:{ handleSelect(index){ console.log(this.$route.name) } }, } </script> <style> .el-aside { color: #333; } </style>
标签:el,12,methods,管理,nbsp,2023 From: https://www.cnblogs.com/wllovelmbforever/p/17891472.html