基础路由里面增加开发者自定义属性 router.ts的RouteRecordRaw类型校验
基础路由里面增加开发者自定义属性router.ts的RouteRecordRaw类型校验为了规范化typescript开发,增加路由对象类型限制,好处:允许在基础路由里面增加开发者自定义属性。{path: '/project',hidden: false,name: 'project',component: () => import("../pages/project/index.vue")
·
基础路由里面增加开发者自定义属性 router.ts的RouteRecordRaw类型校验
为了规范化typescript开发,增加路由对象类型限制,好处:允许在基础路由里面增加开发者自定义属性。
{
path: '/project',
hidden: false,
name: 'project',
component: () => import("../pages/project/index.vue"),
},
值得注意的是 在src目录下新增一个路由声明文件,扩展基础路由对象属性。
vue-router.d.ts,内容如下:
import { _RouteRecordBase } from 'vue-router';
declare module 'vue-router'{
interface _RouteRecordBase{
hidden?: boolean | string | number
}
}
hidden为需要定义的属性
更多推荐
已为社区贡献1条内容
所有评论(0)