H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【前端问题精选】vue + typescript 遇到的问题

场景是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  



回答:

  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

回答:

直接 praseInt 即可。

回答:

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

本文地址:H5W3 » 【前端问题精选】vue + typescript 遇到的问题

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址