qx

qx

2025-03-24 6b5565022f0aa01f7ff0d0a0298834c6726e8c9d

 src/layout/components/Sidebar/index.vue

@@ -2,9 +2,8 @@
    <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']" -->
            <!--  :default-openeds="['/tijian']"    :default-openeds="defaultOpeneds" -->
            <el-menu
           :default-openeds="defaultOpeneds"
                :default-active="activeMenu"
                :collapse="isCollapse"
                :background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"
@@ -19,6 +18,7 @@
                    :key="route.path  + index"
                    :item="route"
                    :base-path="route.path"
                    :arrIndex="route.path"
                />
            </el-menu>
        </el-scrollbar>
@@ -36,23 +36,25 @@
    components: { SidebarItem, Logo },
    data() {
    return {
      defaultActive: '',
      defaultOpeneds: []
      defaultActive: [],
      defaultOpeneds: [],
      activeMenu: '',
    };
  },
    computed: {
        ...mapState(["settings"]),
        ...mapGetters(["sidebarRouters", "sidebar"]),
      
        activeMenu() {
            const route = this.$route;
            const { meta, path } = route;
            // if set path, the sidebar will highlight the path you set
            if (meta.activeMenu) {
                return meta.activeMenu;
            }
            return path;
        },
        // activeMenu() {
        //     const route = this.$route;
        //     const { meta, path } = route;
        //     console.log(meta,path)
        //     // if set path, the sidebar will highlight the path you set
        //     if (meta.activeMenu) {
        //         return meta.activeMenu;
        //     }
        //     return path;
        // },
        showLogo() {
            return this.$store.state.settings.sidebarLogo;
        },
@@ -69,7 +71,9 @@
    methods: {
        route(){
        getRouters().then(res => {
          this.defaultOpeneds = [res.data[0].path]
            this.defaultActive = res.data
            // this.defaultOpeneds = [this.defaultActive[0].path,this.defaultActive[0].path+"/"+this.defaultActive[0].children[0].path]
            this.activeMenu = this.defaultActive[0].path+"/"+this.defaultActive[0].children[0].path+"/"+this.defaultActive[0].children[0].children[0].path
        })
       },
    },