feat: 面包屑支持路径参数

package.json

@@ -20,6 +20,7 @@
     "md5": "^2.2.1",
     "moment": "^2.24.0",
     "nprogress": "^0.2.0",
+    "path-to-regexp": "^3.1.0",
     "viser-vue": "^2.4.6",
     "vue": "^2.6.10",
     "vue-cropper": "^0.4.9",

src/components/tools/Breadcrumb.vue

@@ -3,14 +3,16 @@
     <a-breadcrumb-item v-for="(item, index) in breadList" :key="item.name">
       <router-link
         v-if="item.name != name && index != 1"
-        :to="{ path: item.path === '' ? '/' : item.path }"
+        :to="{ path: item.path === '' ? '/' : pathCompile(item.path) }"
       >{{ item.meta.title }}</router-link>
       <span v-else>{{ item.meta.title }}</span>
     </a-breadcrumb-item>
   </a-breadcrumb>
 </template>
 
 <script>
+import pathToRegexp from 'path-to-regexp'
+
 export default {
   data () {
     return {
@@ -31,6 +33,11 @@ export default {
         // item.name !== 'index' && this.breadList.push(item)
         this.breadList.push(item)
       })
+    },
+    pathCompile (path) {
+      const { params } = this.$route
+      let toPath = pathToRegexp.compile(path)
+      return toPath(params)
     }
   },
   watch: {