this.$router.currentRoute.name 无结果

最新推荐文章于 2024-04-25 13:32:35 发布

zhaofengart

最新推荐文章于 2024-04-25 13:32:35 发布

阅读量4.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： router vue

本文链接：https://blog.youkuaiyun.com/qq_35566908/article/details/99716460

前端专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何在Vue项目中使用路由和面包屑组件，通过设置子路由的name属性，实现页面导航和当前路径展示。具体展示了主页与订单管理子路由的配置，以及面包屑组件的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<Breadcrumb :style="{margin: '24px 0'}">
    <BreadcrumbItem to="/home">主页</BreadcrumbItem>
    <BreadcrumbItem v-text="this.$router.currentRoute.name"></BreadcrumbItem>
</Breadcrumb>

子路由需要设置name属性

{
  path: '/home',
  name: '主页',
  component: Home,
  children: [
    {
      path: 'orderlist',
      name: '订单管理',
      component: OrderList,
      hidden: true
    }
  ]
}