image/tdesign-vue-next-starter
1
0
Fork 1
mirror of https://github.com/Tencent/tdesign-vue-next-starter.git synced 2024-12-22 23:38:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复导航条路由未定义的问题

Browse Source
This commit is contained in:
悠静萝莉 2024-09-04 01:17:47 +08:00
parent e69c4ed98c
commit 0e9ff15f67
No known key found for this signature in database
GPG Key ID: 4EDF1CA1CEA8EBCC
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/layouts/components/Breadcrumb.vue
View File

@ -12,13 +12,13 @@ import { useRoute } from 'vue-router';
import { RouteMeta } from '@/types/interface';
const crumbs = computed(() => {
const route = useRoute();
const route = useRoute();
const crumbs = computed(() => {
const pathArray = route.path.split('/');
pathArray.shift();
const breadcrumbs = pathArray.reduce((breadcrumbArray, path, idx) => {
return pathArray.reduce((breadcrumbArray, path, idx) => {
// 如果路由下有hiddenBreadcrumb或当前遍历到参数则隐藏
const meta = route.matched[idx]?.meta as RouteMeta;
if (meta?.hiddenBreadcrumb || Object.values(route.params).includes(path)) {
@ -32,7 +32,6 @@ const crumbs = computed(() => {
});
return breadcrumbArray;
}, []);
return breadcrumbs;
});
</script>
<style scoped>