From 6f1db28ea280ebea456398003911a26dad596a98 Mon Sep 17 00:00:00 2001 From: Pan <panfree23@gmail.com> Date: Mon, 24 Dec 2018 11:12:24 +0800 Subject: [PATCH] feat[Breadcrumb]: add hide Breadcrumb option #1442 --- src/components/Breadcrumb/index.vue | 5 +++-- src/router/index.js | 7 ++++--- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue index 554abe8d..4b321e06 100644 --- a/src/components/Breadcrumb/index.vue +++ b/src/components/Breadcrumb/index.vue @@ -1,8 +1,9 @@ <template> <el-breadcrumb class="app-breadcrumb" separator="/"> <transition-group name="breadcrumb"> - <el-breadcrumb-item v-for="(item,index) in levelList" v-if="item.meta.title" :key="item.path"> - <span v-if="item.redirect==='noredirect'||index==levelList.length-1" class="no-redirect">{{ generateTitle(item.meta.title) }}</span> + <el-breadcrumb-item v-for="(item,index) in levelList" v-if="item.meta.title&&item.meta.breadcrumb!==false" :key="item.path"> + <span v-if="item.redirect==='noredirect'||index==levelList.length-1" class="no-redirect">{{ + generateTitle(item.meta.title) }}</span> <a v-else @click.prevent="handleLink(item)">{{ generateTitle(item.meta.title) }}</a> </el-breadcrumb-item> </transition-group> diff --git a/src/router/index.js b/src/router/index.js index ab328c46..73b09697 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -24,10 +24,11 @@ import nestedRouter from './modules/nested' * redirect: noredirect if `redirect:noredirect` will no redirect in the breadcrumb * name:'router-name' the name is used by <keep-alive> (must set!!!) * meta : { - roles: ['admin','editor'] will control the page roles (you can set multiple roles) + roles: ['admin','editor'] will control the page roles (you can set multiple roles) title: 'title' the name show in submenu and breadcrumb (recommend set) - icon: 'svg-name' the icon show in the sidebar, - noCache: true if true ,the page will no be cached(default is false) + icon: 'svg-name' the icon show in the sidebar + noCache: true if true, the page will no be cached(default is false) + breadcrumb: false if false, the item will hidden in breadcrumb(default is true) } **/ export const constantRouterMap = [ -- GitLab