qx
qx
2025-03-14 992b14d4c5e0ebba87d3ae8fb1ca9d06c0bdc6e9
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>