From 66128f408bdb397ff1a2098d5564d10b4fb70120 Mon Sep 17 00:00:00 2001
From: ZJQX1607 <1791254914@qq.com>
Date: Wed, 1 May 2024 09:53:10 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=B7=B3=E8=BD=AC=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E5=8F=8A=E7=94=B1=E9=A6=96=E9=A1=B5=E8=B7=B3=E8=BD=AC?=
 =?UTF-8?q?=E5=85=B6=E4=BB=96=E9=A1=B5=E6=97=B6=E9=9D=A2=E5=8C=85=E5=B1=91?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=BC=82=E5=B8=B8=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/navBars/breadcrumb/breadcrumb.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/layout/navBars/breadcrumb/breadcrumb.vue b/src/layout/navBars/breadcrumb/breadcrumb.vue
index de6a171c..6f0b9890 100644
--- a/src/layout/navBars/breadcrumb/breadcrumb.vue
+++ b/src/layout/navBars/breadcrumb/breadcrumb.vue
@@ -25,7 +25,7 @@
 
 <script setup lang="ts" name="layoutBreadcrumb">
 import { reactive, computed, onMounted } from 'vue';
-import { onBeforeRouteUpdate, useRoute, useRouter } from 'vue-router';
+import { onBeforeRouteUpdate, RouteLocation, useRoute, useRouter } from 'vue-router';
 import { Local } from '/@/utils/storage';
 import other from '/@/utils/other';
 import { storeToRefs } from 'pinia';
@@ -48,7 +48,7 @@ const state = reactive<BreadcrumbState>({
 
 // 动态设置经典、横向布局不显示
 const isShowBreadcrumb = computed(() => {
-	initRouteSplit(route.path);
+	initRouteSplit(route);
 	const { layout, isBreadcrumb } = themeConfig.value;
 	if (layout === 'classic' || layout === 'transverse') return false;
 	else return isBreadcrumb ? true : false;
@@ -83,7 +83,8 @@ const getBreadcrumbList = (arr: RouteItems) => {
 	});
 };
 // 当前路由字符串切割成数组，并删除第一项空内容
-const initRouteSplit = (path: string) => {
+const initRouteSplit = (toRoute: RouteLocation) => {
+	let path = toRoute.path;
 	if (!themeConfig.value.isBreadcrumb) return false;
 	state.breadcrumbList = [routesList.value[0]];
 	state.routeSplit = path.split('/');
@@ -93,7 +94,7 @@ const initRouteSplit = (path: string) => {
 	getBreadcrumbList(routesList.value);
 	state.breadcrumbList.push(route);
 	// 首页或异常页只显示第一个
-	if (route.name === 'router.home' || (route.name === 'staticRoutes.notFound' && state.breadcrumbList.length > 1)) {
+	if (toRoute.name === 'router.home' || (toRoute.name === 'staticRoutes.notFound' && state.breadcrumbList.length > 1)) {
 		state.breadcrumbList.splice(0, state.breadcrumbList.length - 1);
 	} else if (state.breadcrumbList.length > 0) {
 		state.breadcrumbList[state.breadcrumbList.length - 1].meta.tagsViewName = other.setMenuI18n(<RouteToFrom>route);
@@ -101,11 +102,12 @@ const initRouteSplit = (path: string) => {
 };
 // 页面加载时
 onMounted(() => {
-	initRouteSplit(route.path);
+	initRouteSplit(route);
 });
 // 路由更新时
 onBeforeRouteUpdate((to) => {
-	initRouteSplit(to.path);
+	// 传入跳转的目标路由对象
+	initRouteSplit(to);
 });
 </script>
 
-- 
Gitee