效果圖：

關鍵程式碼：

{ // 勞務管理-工卡管理
            path: '/job_card_admin',
            name: 'JobCardAdmin',
            component: JobCardAdmin,
            meta: {
                menu: [{ // 自定義資料格式
                    father: "/labour_services_admin",
                    path: '/job_card_admin',
                    name: '勞務管理',
                },{
                    path: '/job_card_admin',
                    name: '工卡管理',
                }]
              }
        }

在頁面中呼叫：

 watch:{
        $route(){   // 監聽路由變化
            this.list = []
            this.list = this.$route.meta.menu
        }
    },

created() {
     this.list = this.$route.meta.menu;
   },

　最後寫入元件

<Breadcrumb class="pointer">
   <BreadcrumbItem v-for="(item,index) in list" :key="index" :to="item.path">{{item.name}}</BreadcrumbItem>
/Breadcrumb>

參考：https://www.cnblogs.com/freedom-feng/p/11592873.html