From c13b5747940feb74dcf7888b6c4aeada24e5f1cc Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Fri, 9 Nov 2018 13:37:23 +0800
Subject: [PATCH] fix[Breadcurmb]: fixed pathCompile bug
---
src/components/Breadcrumb/index.vue | 12 +++++++-----
1 file changed, 7 insertions(+), 5 deletions(-)
diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue
index 32a8fb69..70ecbf1b 100644
--- a/src/components/Breadcrumb/index.vue
+++ b/src/components/Breadcrumb/index.vue
@@ -3,7 +3,7 @@
<transition-group name="breadcrumb">
<el-breadcrumb-item v-for="(item,index) in levelList" v-if="item.meta.title" :key="item.path">
<span v-if="item.redirect==='noredirect'||index==levelList.length-1" class="no-redirect">{{ generateTitle(item.meta.title) }}</span>
- <router-link v-else :to="item.redirect||item.path">{{ generateTitle(item.meta.title) }}</router-link>
+ <router-link v-else :to="item.redirect||pathCompile(item.path)">{{ generateTitle(item.meta.title) }}</router-link>
</el-breadcrumb-item>
</transition-group>
</el-breadcrumb>
@@ -30,12 +30,8 @@ export default {
methods: {
generateTitle,
getBreadcrumb() {
- const { params } = this.$route
let matched = this.$route.matched.filter(item => {
if (item.name) {
- // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
- var toPath = pathToRegexp.compile(item.path)
- item.path = toPath(params)
return true
}
})
@@ -44,6 +40,12 @@ export default {
matched = [{ path: '/dashboard', meta: { title: 'dashboard' }}].concat(matched)
}
this.levelList = matched
+ },
+ pathCompile(path) {
+ // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
+ const { params } = this.$route
+ var toPath = pathToRegexp.compile(path)
+ return toPath(params)
}
}
}
--
GitLab