vue-element-admin export const asyncRoutes = [ { path: '/permission', component: Layout, redirect: '/permission/page', alwaysShow: true, // will always show the root menu name: 'Permission', meta: { title: 'Permission', icon: 'lock', roles: ['admin', 'editor'] // you can set roles in root nav },
时间: 2024-01-16 07:03:28 浏览: 139
vue-element-admin 是基于 Vue2.0,配合使用 Element-UI 组件库的一个前端管理后台集成
这段代码是 Vue-element-admin 中定义异步路由的代码,其中:
- `path` 表示路由的路径;
- `component` 表示该路由对应的组件;
- `redirect` 表示该路由重定向到的路径;
- `alwaysShow` 表示该路由是否始终显示在根菜单中;
- `name` 表示该路由的名称;
- `meta` 表示该路由的元信息,其中 `title` 表示该路由的标题,`icon` 表示该路由的图标,`roles` 表示该路由的访问权限;
这段代码表示了一个名为 `Permission` 的路由,它对应的组件是 `Layout`,并且它始终显示在根菜单中。该路由的访问权限为 `admin` 和 `editor`,并且访问该路由时会重定向到 `/permission/page` 路径。
阅读全文