RISE/school-developer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

菜单名称一致路由404问题

Browse Source
This commit is contained in:
zhoutianchi
2026-01-08 17:23:43 +08:00
parent 8a1faabd70
commit 8c4d56bb07
7 changed files with 30 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/layout/navBars/breadcrumb/breadcrumb.vue
View File

@@ -11,11 +11,11 @@
<el-breadcrumb-item v-for="(v, k) in state.breadcrumbList" :key="!v.meta.tagsViewName ? v.name : v.meta.tagsViewName">
<span v-if="k === state.breadcrumbList.length - 1" class="layout-navbars-breadcrumb-span">
<SvgIcon :name="v.meta.icon" class="layout-navbars-breadcrumb-iconfont" v-if="themeConfig.isBreadcrumbIcon" />
<div v-if="!v.meta.tagsViewName">{{ $t(v.name) }}</div>
<div v-else>{{ v.meta.tagsViewName }}</div>
<div v-if="!v.meta.tagsViewName">{{ $t(v.name.split("_")[0]) }}</div>
<div v-else>{{ v.meta.tagsViewName.split("_")[0] }}</div>
</span>
<a v-else @click.prevent="onBreadcrumbClick(v)">
<SvgIcon :name="v.meta.icon" class="layout-navbars-breadcrumb-iconfont" v-if="themeConfig.isBreadcrumbIcon" />{{ $t(v.name) }}
<SvgIcon :name="v.meta.icon" class="layout-navbars-breadcrumb-iconfont" v-if="themeConfig.isBreadcrumbIcon" />{{ $t(v.name.split('_')[0]) }}
</a>
</el-breadcrumb-item>
</transition-group>

5
src/layout/navBars/tagsView/tagsView.vue
View File

@@ -388,7 +388,10 @@ const onMousedownMenu = (v: RouteItem, e: MouseEvent) => {
};
// 当前的 tagsView 项点击时
const onTagsClick = (v: RouteItem, k: number) => {
state.tagsRefsIndex = k;
state.tagsRefsIndex = k;
if(v.name.indexOf("router.home")!=0){
v.name=v.name.replaceAll("_","").replaceAll(v.id,"")+"_"+v.id
}
router.push(v);
};
// 处理 url，地址栏链接有参数时，tagsview 右键菜单刷新功能失效问题，感谢 @ZzZz-RIPPER、@dejavuuuuu

6
src/layout/navMenu/horizontal.vue
View File

@@ -7,7 +7,7 @@
<el-sub-menu :index="val.path" v-if="val.children && val.children.length > 0" :key="val.path">
<template #title>
<SvgIcon :name="val.meta.icon"/>
<span class="font-semibold">{{ $t(val.name) }}</span>
<span class="font-semibold">{{ $t(val.name.split('_')[0]) }}</span>
</template>
<SubItem :chil="val.children"/>
</el-sub-menu>
@@ -16,12 +16,12 @@
<template #title v-if="!val.meta.isLink || (val.meta.isLink && val.meta.isIframe)">
<!-- 此处可 指定 color='red' 等指定顶栏SVG颜色 -->
<SvgIcon :name="val.meta.icon"/>
<p class="font-semibold">{{ $t(val.name) }}</p>
<p class="font-semibold">{{ $t(val.name.split('_')[0]) }}</p>
</template>
<template #title v-else>
<a class="w100" @click.prevent="onALinkClick(val)">
<SvgIcon :name="val.meta.icon"/>
{{ $t(val.name) }}
{{ $t(val.name.split('_')[0]) }}
</a>
</template>
</el-menu-item>

11
src/layout/navMenu/subItem.vue
View File

@@ -3,7 +3,8 @@
<el-sub-menu :index="val.path" :key="val.path" v-if="val.children && val.children.length > 0">
<template #title>
<SvgIcon :name="val.meta.icon" />
<span>{{ $t(val.name) }}</span>
<!-- <span>{{ $t(val.name) }}</span>-->
<span>{{ $t(val.name.split('_')[0]) }}</span>
</template>
<sub-item :chil="val.children" />
</el-sub-menu>
@@ -11,12 +12,14 @@
<el-menu-item :index="val.path" :key="val.path">
<template v-if="!val.meta.isLink || (val.meta.isLink && val.meta.isIframe)">
<SvgIcon :name="val.meta.icon" />
<span>{{ $t(val.name) }}</span>
</template>
<!-- <span>{{ $t(val.name) }}</span>-->
<span>{{ $t(val.name.split('_')[0]) }}</span>
</template>
<template v-else>
<a class="w100" @click.prevent="onALinkClick(val)">
<SvgIcon :name="val.meta.icon" />
{{ $t(val.name) }}
<!-- {{ $t(val.name) }}-->
{{ $t(val.name.split('_')[0]) }}
</a>
</template>
</el-menu-item>

6
src/layout/navMenu/vertical.vue
View File

@@ -12,7 +12,7 @@
<el-sub-menu :index="val.path" v-if="val.children && val.children.length > 0" :key="val.path">
<template #title>
<SvgIcon :name="val.meta.icon" />
<span>{{ $t(val.name) }}</span>
<span>{{ $t(val.name.split('_')[0]) }}</span>
</template>
<SubItem :chil="val.children" />
</el-sub-menu>
@@ -21,10 +21,10 @@
<el-menu-item :index="val.path" :key="val.path">
<SvgIcon :name="val.meta.icon" />
<template #title v-if="!val.meta.isLink || (val.meta.isLink && val.meta.isIframe)">
<span>{{ $t(val.name) }}</span>
<span>{{ $t(val.name.split('_')[0]) }}</span>
</template>
<template #title v-else>
<a class="w100" @click.prevent="onALinkClick(val)">{{ $t(val.name) }}</a>
<a class="w100" @click.prevent="onALinkClick(val)">{{ $t(val.name.split('_')[0]) }}</a>
</template>
</el-menu-item>
</template>