创建组件

src/components/breadcrumb.vue

@@ -3,6 +3,7 @@
         <el-breadcrumb separator-class="el-icon-arrow-right">
             <el-breadcrumb-item>{{curmbFirst}}</el-breadcrumb-item>
             <el-breadcrumb-item>{{curmbSecond}}</el-breadcrumb-item>
+            <el-breadcrumb-item :to="jumPathThird">{{curmbThird}}</el-breadcrumb-item>
         </el-breadcrumb>
     </div>
 </template>
@@ -14,15 +15,26 @@ export default {
         },
         curmbSecond: {
             type: String
+        },
+        curmbThird: {
+            type: String
+        },
+        jumPathThird: {
+            type: String
         }
     }
 }
 </script>
 <style lang="scss">
 .bread-crumb {
+    position: fixed;
+    left: 225px;
+    top: 70px;
+    width: 100%;
     background: #F4F5F6;
     height: 50px;
     padding: 20px 0 0 25px;
+    z-index: 99999;
     .el-breadcrumb__inner {
         font-size: 12px;
     }