在路由的meta中添加属性
export const constantRoutes = [{
path: "/order",
component: Layout,
redirect: "/order/list",
name: "OrderLayout",
meta: { title: "任务管理", icon: "order" },
children: [
{
path: "list",
component: () => import("@/views/order/list"),
name: "OrderList",
meta: { title: "任务管理", icon: "order",hidden:true}
}
}]
<template>
<el-breadcrumb
class="app-breadcrumb"
separator="/"
>
<transition-group name="breadcrumb">
<el-breadcrumb-item
v-for="(item, index) in levelList"
v-if="item.meta.hidden!=true"
:key="item.path"
>
<span
v-if="(item.redirect === 'noRedirect' || index == levelList.length - 1)"
class="no-redirect"
>{{ item.meta.title }}</span>
<a
v-else
@click.prevent="handleLink(item)"
>{{ item.meta.title }}</a>
</el-breadcrumb-item>
</transition-group>
</el-breadcrumb>
</template>