github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-02 17:04:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: active side bar

Browse Source 
Fix bugs: active side bar
This commit is contained in:
Fine0830 2021-12-21 15:47:21 +08:00 committed by GitHub
commit b453854c70
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/layout/components/SideBar.vue
View File

@ -24,14 +24,14 @@ limitations under the License. -->
active-text-color="#448dfe" active-text-color="#448dfe"
background-color="#252a2f" background-color="#252a2f"
class="el-menu-vertical" class="el-menu-vertical"
default-active="0" :default-active="name"
text-color="#efefef" text-color="#efefef"
:unique-opened="true" :unique-opened="true"
:collapse="isCollapse" :collapse="isCollapse"
:style="{ border: 'none' }" :style="{ border: 'none' }"
> >
<template v-for="(menu, index) in routes" :key="index"> <template v-for="(menu, index) in routes" :key="index">
<el-sub-menu :index="String(index)" v-if="menu.meta.hasGroup"> <el-sub-menu :index="String(menu.name)" v-if="menu.meta.hasGroup">
<template #title> <template #title>
<router-link :to="menu.path" :exact="menu.meta.exact || false"> <router-link :to="menu.path" :exact="menu.meta.exact || false">
<el-icon class="menu-icons" :style="{ marginRight: '12px' }"> <el-icon class="menu-icons" :style="{ marginRight: '12px' }">
@ -43,7 +43,7 @@ limitations under the License. -->
<el-menu-item-group> <el-menu-item-group>
<el-menu-item <el-menu-item
v-for="(m, idx) in filterMenus(menu.children)" v-for="(m, idx) in filterMenus(menu.children)"
:index="`${index}-${idx}`" :index="m.name"
:key="idx" :key="idx"
> >
<router-link :to="m.path" :exact="m.meta.exact || false"> <router-link :to="m.path" :exact="m.meta.exact || false">
@ -52,7 +52,11 @@ limitations under the License. -->
</el-menu-item> </el-menu-item>
</el-menu-item-group> </el-menu-item-group>
</el-sub-menu> </el-sub-menu>
<el-menu-item :index="String(index)" @click="changePage(menu)" v-else> <el-menu-item
:index="String(menu.name)"
@click="changePage(menu)"
v-else
>
<el-icon class="menu-icons" :style="{ margin: '-10px 12px 0 0' }"> <el-icon class="menu-icons" :style="{ margin: '-10px 12px 0 0' }">
<router-link :to="menu.children[0].path" :exact="menu.meta.exact"> <router-link :to="menu.children[0].path" :exact="menu.meta.exact">
<Icon size="lg" :iconName="menu.meta.icon" /> <Icon size="lg" :iconName="menu.meta.icon" />