vue+element ui隐藏某个面包屑

在路由的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>