由路由參數動態生成當前頁面的路徑 ``` <el-breadcrumb separator="/" class="breadcrumb"> <el-breadcrumb-item v-for="item in $route.meta.nav" :key="item.path"> <router-link :to="item.path" v-if="item.path">{{ item.name }}</router-link> <span v-else>{{ item.name }}</span> </el-breadcrumb-item> </el-breadcrumb> ``` >[info] 顯示效果  >[info] 示例代碼 ``` <template> <div class="page-container"> <!--導航與工具欄--> <bread-crumb></bread-crumb> </div> </template> <script> import breadCrumb from '@/components/bread_crumb' export default { components: { breadCrumb } } </script> ```