修改logo点击行为,将原有的菜单展开/收起功能改为跳转首页,同时在路由配置中隐藏首页菜单项,避免与logo跳转功能重复

src/layout/logo/index.vue

@@ -1,9 +1,9 @@
 <template>
-	<div class="layout-logo" v-if="setShowLogo" @click="onThemeConfigChange">
+	<div class="layout-logo" v-if="setShowLogo" @click="onLogoClick">
 		<img :src="logoMini" class="layout-logo-medium-img" />
 		<span>{{ themeConfig.globalTitle }}</span>
 	</div>
-	<div class="layout-logo-size" v-else @click="onThemeConfigChange">
+	<div class="layout-logo-size" v-else @click="onLogoClick">
 		<img :src="logoMini" class="layout-logo-size-img" />
 	</div>
 </template>
@@ -11,6 +11,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue';
 import { storeToRefs } from 'pinia';
+import { useRouter } from 'vue-router';
 import { useThemeConfig } from '/@/stores/themeConfig';
 
 import logoMini from '/@/assets/logo-mini.svg';
@@ -18,6 +19,7 @@ import logoMini from '/@/assets/logo-mini.svg';
 export default defineComponent({
 	name: 'layoutLogo',
 	setup() {
+		const router = useRouter();
 		const storesThemeConfig = useThemeConfig();
 		const { themeConfig } = storeToRefs(storesThemeConfig);
 		// 设置 logo 的显示。classic 经典布局默认显示 logo
@@ -25,16 +27,15 @@ export default defineComponent({
 			let { isCollapse, layout } = themeConfig.value;
 			return !isCollapse || layout === 'classic' || document.body.clientWidth < 1000;
 		});
-		// logo 点击实现菜单展开/收起
+		// logo 点击跳转首页
-		const onThemeConfigChange = () => {
+		const onLogoClick = () => {
-			if (themeConfig.value.layout === 'transverse') return false;
+			router.push('/home');
-			themeConfig.value.isCollapse = !themeConfig.value.isCollapse;
 		};
 		return {
 			logoMini,
 			setShowLogo,
 			themeConfig,
-			onThemeConfigChange,
+			onLogoClick,
 		};
 	},
 });

src/router/route.ts

@@ -38,7 +38,7 @@ export const dynamicRoutes: Array<RouteRecordRaw> = [
 				meta: {
 					title: 'message.router.home',
 					isLink: '',
-					isHide: false,
+					isHide: true,
 					isKeepAlive: true,
 					isAffix: true,
 					isIframe: false,