fix(breadcrumb): fix pathCompile and navigationDuplicated

Author: Aoi-hosizora

.gitignore

@@ -18,6 +18,8 @@ yarn-error.log*
 # Editor directories and files
 .idea
 .vscode
+.history
+.ionide
 *.suo
 *.ntvs*
 *.njsproj

src/components/Breadcrumb/index.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script lang="ts">
-import pathToRegexp from 'path-to-regexp'
+import { compile } from 'path-to-regexp'
 import { Component, Vue, Watch } from 'vue-property-decorator'
 import { RouteRecord, Route } from 'vue-router'
 
@@ -67,17 +67,19 @@ export default class extends Vue {
   private pathCompile(path: string) {
     // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
     const { params } = this.$route
-    const toPath = pathToRegexp.compile(path)
+    const toPath = compile(path)
     return toPath(params)
   }
 
   private handleLink(item: any) {
+    // Throw Error "NavigationDuplicated"
+    // https://github.com/vuejs/vue-router/issues/2872
     const { redirect, path } = item
     if (redirect) {
-      this.$router.push(redirect)
+      this.$router.push(redirect).catch(_err => {})
       return
     }
-    this.$router.push(this.pathCompile(path))
+    this.$router.push(this.pathCompile(path)).catch(_err => {})
   }
 }
 </script>