Vue 路由配置参数说明

最新推荐文章于 2024-09-19 07:27:32 发布

StreakerHan

最新推荐文章于 2024-09-19 07:27:32 发布

阅读量2.5k

点赞数 1

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

本文链接：https://blog.csdn.net/m0_37924554/article/details/115351738

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文详细解析了前端路由的配置选项，包括隐藏、始终显示、嵌套模式、重定向、缓存控制等关键设置，并提供了实际应用场景的示例。通过理解这些设置，开发者可以更好地管理侧边栏、面包屑导航以及页面权限控制，提升前端应用的用户体验和安全性。

摘要由CSDN通过智能技术生成

/**
 * Note: sub-menu only appear when route children.length >= 1
 *
 * hidden: true                   if set true, item will not show in the sidebar(default is false)   如果设置为true，则项目将不会显示在侧边栏中（默认为false）
 * alwaysShow: true               if set true, will always show the root menu                        如果设置为true，将始终显示根菜单
 *                                if not set alwaysShow, when item has more than one children route, 如果不始终设置Show，则当项具有多个子路由时
 *                                it will becomes nested mode, otherwise not show the root menu      它将成为嵌套模式，否则不显示根菜单
 * redirect: noRedirect           if set noRedirect will no redirect in the breadcrumb               如果设置为no redirect，则breadcrumb中不会重定向
 * name:'router-name'             the name is used by <keep-alive> (must set!!!)                     名称由<keep alive>使用（必须设置！！！）
 * meta : {
    roles: ['admin','editor']    control the page roles (you can set multiple roles)                 控制页面角色（可以设置多个角色）
    title: 'title'               the name show in sidebar and breadcrumb (recommend set)             侧边栏和面包屑中显示的名称（推荐集）
    icon: 'svg-name'             the icon show in the sidebar                                        图标显示在侧栏中
    noCache: true                if set true, the page will no be cached(default is false)           如果设置为true，则不会缓存该页（默认为false）
    affix: true                  if set true, the tag will affix in the tags-view                    如果设置为true，则标记将粘贴在“标记”视图中
    breadcrumb: false            if set false, the item will hidden in breadcrumb(default is true)   如果设置为false，则该项将隐藏在breadcrumb中（默认为true）
    activeMenu: '/example/list'  if set path, the sidebar will highlight the path you set            如果设置路径，侧边栏将突出显示您设置的路径
  }
 */