fix: named routes close #55

Scrum · Jun 24, 2019 · cd41adc · cd41adc
1 parent ddf9248
commit cd41adc
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/components/breadcrumbs.vue b/src/components/breadcrumbs.vue
@@ -4,6 +4,15 @@ export default {
     methods: {
         getBreadcrumb(bc) {
             return typeof bc === 'function' ? bc.call(this, this.$route.params) : bc;
+        },
+        getPath(crumb) {
+            let {path} = crumb;
+
+            for (let [key, value] of Object.entries(this.$route.params)) {
+                path = path.replace(`:${key}`, value);
+            }
+
+            return path;
         }
     },
     template: `
@@ -15,11 +24,11 @@ export default {
                 class="breadcrumb-item"
                 v-if="crumb.meta.breadcrumb"
                 v-for="(crumb, i) in $breadcrumbs"
-                :key="crumb"
+                :key="i"
             >
                 <router-link
                     active-class="active"
-                    :to="{ path: crumb.path }"
+                    :to="{ path: getPath(crumb) }"
                     :tag="i != $breadcrumbs.length - 1 ? 'a' : 'span'"
                 >
                     {{ getBreadcrumb(crumb.meta.breadcrumb) }}