irpas技术客

基础路由里面增加开发者自定义属性 router.ts的RouteRecordRaw类型校验_尼古拉斯强

网络 500

基础路由里面增加开发者自定义属性 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.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。