zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

FIX 菜单切换未高亮

This commit is contained in:
sc 2021-10-15 10:53:50 +08:00
parent 1ee7f009e1
commit 5151cbd29f
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/layout/index.vue
View File

@ -25,7 +25,7 @@
</div> </div>
<div class="adminui-side-scroll"> <div class="adminui-side-scroll">
<el-scrollbar> <el-scrollbar>
<el-menu :default-active="$route.meta.active || $route.fullPath" router :collapse="menuIsCollapse"> <el-menu :default-active="active" router :collapse="menuIsCollapse">
<NavMenu :navMenus="nextMenu"></NavMenu> <NavMenu :navMenus="nextMenu"></NavMenu>
</el-menu> </el-menu>
</el-scrollbar> </el-scrollbar>
@ -60,7 +60,7 @@
<div v-if="!ismobile" :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'"> <div v-if="!ismobile" :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
<div class="adminui-side-scroll"> <div class="adminui-side-scroll">
<el-scrollbar> <el-scrollbar>
<el-menu :default-active="$route.meta.active || $route.fullPath" router :collapse="menuIsCollapse"> <el-menu :default-active="active" router :collapse="menuIsCollapse">
<NavMenu :navMenus="menu"></NavMenu> <NavMenu :navMenus="menu"></NavMenu>
</el-menu> </el-menu>
</el-scrollbar> </el-scrollbar>
@ -96,7 +96,7 @@
<Side-m v-if="ismobile"></Side-m> <Side-m v-if="ismobile"></Side-m>
<div class="aminui-body el-container"> <div class="aminui-body el-container">
<div v-if="!ismobile" class="adminui-header-menu"> <div v-if="!ismobile" class="adminui-header-menu">
<el-menu :default-active="$route.meta.active || $route.fullPath" router mode="horizontal"> <el-menu :default-active="active" router mode="horizontal">
<NavMenu :navMenus="menu"></NavMenu> <NavMenu :navMenus="menu"></NavMenu>
</el-menu> </el-menu>
</div> </div>
@ -130,7 +130,7 @@
</div> </div>
<div class="adminui-side-scroll"> <div class="adminui-side-scroll">
<el-scrollbar> <el-scrollbar>
<el-menu :default-active="$route.meta.active || $route.fullPath" router :collapse="menuIsCollapse"> <el-menu :default-active="active" router :collapse="menuIsCollapse">
<NavMenu :navMenus="nextMenu"></NavMenu> <NavMenu :navMenus="nextMenu"></NavMenu>
</el-menu> </el-menu>
</el-scrollbar> </el-scrollbar>
@ -182,7 +182,8 @@
settingDialog: false, settingDialog: false,
menu: [], menu: [],
nextMenu: [], nextMenu: [],
pmenu: {} pmenu: {},
active: ''
} }
}, },
computed:{ computed:{
@ -236,6 +237,9 @@
var home = this.$router.options.routes[0].children[0]; var home = this.$router.options.routes[0].children[0];
this.pmenu = this.$route.matched[1] || home; this.pmenu = this.$route.matched[1] || home;
this.nextMenu = this.filterUrl(this.pmenu.children); this.nextMenu = this.filterUrl(this.pmenu.children);
this.$nextTick(()=>{
this.active = this.$route.meta.active || this.$route.fullPath;
})
}, },
//点击显示 //点击显示
showMenu(route) { showMenu(route) {