From 992b14d4c5e0ebba87d3ae8fb1ca9d06c0bdc6e9 Mon Sep 17 00:00:00 2001
From: qx <1084500556@qq.com>
Date: 星期五, 14 三月 2025 16:20:39 +0800
Subject: [PATCH] qx
---
src/layout/components/Sidebar/index.vue | 22 +++++++++++++++++++++-
1 files changed, 21 insertions(+), 1 deletions(-)
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 63e39bb..e067122 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -2,7 +2,9 @@
<div :class="{'has-logo':showLogo}" :style="{ backgroundColor: settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
<logo v-if="showLogo" :collapse="isCollapse" />
<el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
+ <!-- :default-openeds="['/tijian']" -->
<el-menu
+ :default-openeds="defaultOpeneds"
:default-active="activeMenu"
:collapse="isCollapse"
:background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"
@@ -24,6 +26,7 @@
</template>
<script>
+import { getRouters } from '@/api/menu'
import { mapGetters, mapState } from "vuex";
import Logo from "./Logo";
import SidebarItem from "./SidebarItem";
@@ -31,9 +34,16 @@
export default {
components: { SidebarItem, Logo },
+ data() {
+ return {
+ defaultActive: '',
+ defaultOpeneds: []
+ };
+ },
computed: {
...mapState(["settings"]),
...mapGetters(["sidebarRouters", "sidebar"]),
+
activeMenu() {
const route = this.$route;
const { meta, path } = route;
@@ -52,6 +62,16 @@
isCollapse() {
return !this.sidebar.opened;
}
- }
+ },
+ created() {
+ this.route();
+ },
+ methods: {
+ route(){
+ getRouters().then(res => {
+ this.defaultOpeneds = [res.data[0].path]
+ })
+ },
+ },
};
</script>
--
Gitblit v1.8.0