Bladeren bron

```
fix(Breadcrumb): 修复面包屑导航链接逻辑

- 修改v-for循环以获取索引值用于判断最后一项
- 使用isLastItem辅助函数替代直接比较路由路径
- 避免最后一条面包屑显示为可点击链接
```

zhangningning 3 weken geleden
bovenliggende
commit
cfae99c58f
1 gewijzigde bestanden met toevoegingen van 6 en 2 verwijderingen
  1. 6 2
      src/components/Breadcrumb.vue

+ 6 - 2
src/components/Breadcrumb.vue

@@ -3,9 +3,9 @@
   <el-breadcrumb separator="/" class="app-breadcrumb">
     <el-breadcrumb-item :to="{ path: '/' }">{{ $t('common.home') }}</el-breadcrumb-item>
     <el-breadcrumb-item
-      v-for="item in breadcrumbItems"
+      v-for="(item, index) in breadcrumbItems"
       :key="item.path"
-      :to="item.path === $route.path ? undefined : {path: item.path}"
+      :to="isLastItem(index) ? undefined : {path: item.path}"
     >
       {{ item.name }}
     </el-breadcrumb-item>
@@ -65,6 +65,10 @@ const breadcrumbItems = computed(() => {
   
   return items
 });
+// 辅助函数:判断是否为最后一个面包屑项
+const isLastItem = (index) => {
+  return index === breadcrumbItems.value.length - 1
+};
 </script>
 
 <style scoped>