46 lines
1.8 KiB
TypeScript
46 lines
1.8 KiB
TypeScript
import 'vue-router'
|
|
|
|
declare module 'vue-router' {
|
|
interface RouteMeta {
|
|
/** 设置该路由在侧边栏和面包屑中展示的名字 */
|
|
title?: string
|
|
/** 设置该路由的图标, 记得将svg导入 @/icons/svg */
|
|
svgIcon?: string
|
|
/** 设置该路由的图标, 直接使用Arco Design的Icon(与svgIcon同时设置时, svgIcon将优先生效) */
|
|
icon?: string
|
|
/** 默认false, 设置true的时候该路由不会在侧边栏出现 */
|
|
hidden?: boolean
|
|
/** 默认true, 如果设置为false, 则不会在面包屑中显示 */
|
|
breadcrumb?: boolean
|
|
/** 默认true, 如果设置为false, 它则不会显示在Tab栏中 */
|
|
showInTabs?: boolean
|
|
/** 默认false, 如果设置为true, 它则会固定在Tab栏中, 例如首页 */
|
|
affix?: boolean
|
|
/**
|
|
* 当一个路由下面的children声明的路由大于1个时, 自动会变成嵌套的模式
|
|
* 只有一个时, 会将那个子路由当做根路由显示在侧边栏
|
|
* 若想不管路由下面的children声明的个数都显示你的根路由
|
|
* 可以设置alwaysShow: true, 这样就会忽略之前定义的规则, 一直显示根路由
|
|
*/
|
|
alwaysShow?: boolean
|
|
/**
|
|
* 示例: activeMenu: "/xxx/xxx"
|
|
* 当设置了该属性进入路由时, 则会高亮activeMenu属性对应的侧边栏
|
|
* 该属性适合使用在有hidden: true属性的路由上
|
|
*/
|
|
activeMenu?: string
|
|
/**
|
|
* 是否缓存该路由页面
|
|
* 默认为false, 为true时代表需要缓存, 此时该路由和该页面都需要设置一致的name
|
|
*/
|
|
keepAlive?: boolean
|
|
/** 默认路由参数 */
|
|
query?: string
|
|
noShowingChildren?: boolean
|
|
/** 设置该路由进入的权限, 支持多个权限叠加 */
|
|
roles?: string[]
|
|
/** 排序 */
|
|
sort?: number
|
|
}
|
|
}
|