面包屑组件缺陷问题

面包屑组件，在路由注册的时候，如果是父级路由会添加重定向，这样子才能在面包屑组件点击的时候返回父级的第一个路由，代码如下，但是如果第一个路由没有分配的话这个重定向是没有用的，想问一下怎么解决这个问题，在动态路由添加的地方增加代码？
{
    path: '/product',
    component: () => import('@/layout/index.vue'),
    name: 'Product',
    meta: {
      title: '商品管理',
      hidden: false,
      icon: 'Goods',
    },
    redirect: '/product/attr',  **// 重定向** 
    children: [
      {
        path: '/product/attr',
        component: () => import('@/views/product/attr/index.vue'),
        name: 'Attr',
        meta: {
          title: '属性管理',
          icon: 'Management',
          hidden: false,
        },
      },
      {
        path: '/product/category',
        component: () => import('@/views/product/category/index.vue'),
        name: 'Category',
        meta: {
          title: '分类',
          icon: 'SetUp',
          hidden: false,
        },
      },
}
// 这个能解决问题吗
function filterAsyncRoute(asyncRoute, routes) {
  return asyncRoute.filter((item) => {
    if (routes.includes(item.name)) {
      if (item.children && item.children.length > 0) {
        item.children = filterAsyncRoute(item.children, routes)
        item.redirect = item.children[0].path // 动态强制改变重定向
      }
      return true
    }
  })
}

jiachenghao/vue3_admin-success

内容风险标识

评论 (0)

jiachenghao/vue3_admin-success .gitee-modal { width: 500px !important; }

内容风险标识