From 99c73e4855442b10dd8cd22233166fc427166a5c Mon Sep 17 00:00:00 2001
From: qx <1084500556@qq.com>
Date: 星期五, 14 三月 2025 17:50:36 +0800
Subject: [PATCH] qx
---
src/layout/components/Sidebar/index.vue | 22 ++++++++++++++++++++--
1 files changed, 20 insertions(+), 2 deletions(-)
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 1d23080..e067122 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -4,7 +4,7 @@
<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"
@@ -26,6 +26,7 @@
</template>
<script>
+import { getRouters } from '@/api/menu'
import { mapGetters, mapState } from "vuex";
import Logo from "./Logo";
import SidebarItem from "./SidebarItem";
@@ -33,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;
@@ -54,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