vue + typescript 遇到的问题

Question

场景是vue使用query进行传参
当前页面没刷新的时候$route.query.type是一个number类型，刷新后是string;
想问这种情况要怎么处理？ 给res多加几个类型？ let res: number | string | undefind ？
还是有什么其他办法，刚开始写typescript不清楚这些处理方法。

// 路由传参
$router.push({
    path: xxx,
    query: {
        id: 'xxxx',
        type: 1 // 传的是一个numebr类型
    }
})


// 接受参数
let res: number;
res = $route.query.type  

Answer 1

1. 联合类型

let res: number | string | undefined

1. 类型断言

let res: number;
res = $route.query.type as number

1. unknown 未知类型

let res: unknow;
res = $route.query.type

Answer 2

直接 praseInt 即可。

Answer 3

let res: number = +$route.query.type