浏览代码

fix: 面包屑:1.修复使用动态路由的时候,无法显示的bug

沙与沫 2 年之前
父节点
当前提交
8790c8cbd8
共有 1 个文件被更改,包括 2 次插入3 次删除
  1. 2 3
      src/components/Breadcrumb/src/Breadcrumb.vue

+ 2 - 3
src/components/Breadcrumb/src/Breadcrumb.vue

@@ -37,8 +37,7 @@ export default defineComponent({
     })
 
     const getBreadcrumb = () => {
-      const currentPath = currentRoute.value.path
-
+      const currentPath = currentRoute.value.matched.slice(-1)[0].path
       levelList.value = filter<AppRouteRecordRaw>(unref(menuRouters), (node: AppRouteRecordRaw) => {
         return node.path === currentPath
       })
@@ -47,7 +46,7 @@ export default defineComponent({
     const renderBreadcrumb = () => {
       const breadcrumbList = treeToList<AppRouteRecordRaw[]>(unref(levelList))
       return breadcrumbList.map((v) => {
-        const disabled = v.redirect === 'noredirect'
+        const disabled = !v.redirect || v.redirect === 'noredirect'
         const meta = v.meta as RouteMeta
         return (
           <ElBreadcrumbItem to={{ path: disabled ? '' : v.path }} key={v.name}>