获取到的 paramId 是 string | string[] 类型

接口参数是 string 类型

const paramId=router.currentRoute.value.params?.id as string;
//这样可以解决报错，但是后续查询参数是数组，运行会错误
按我现在的场景 路由传参（/path/:id）这样也是OK的，但是后面处理问号传参数的时候可能会有问题
router.currentRoute.value打印:
# 路由: /path/aa (/path/:id)
params: {id: 'aa'} 
# 路由: /path/aa/bb (/path/:id/:id)
params: {id: 'bb'} 
# 路由: /path/aa?id=11 (/path/:id)
query: {id: '11'}
# 路由: /path/aa?id=11&id=22 (/path/:id)
query: {id: ['11', '22']}
# 路由: /path/aa?id=&id= (/path/:id)
query: {id: ['', '']}
所以写个工具方法：
const paramsId=getRouterParamsVal(router.currentRoute.value.params?.id);
const queryId=getRouterParamsVal(router.currentRoute.value.query?.id);
// utils.ts --- 获取路由参数值，可以兼容不传传多个，as 类型可以 加多个动态参数
export function getRouterParamsVal(params:string|string[]|LocationQueryValue | LocationQueryValue[]){
  return params?(Array.isArray(params) ? params[0] as string : params as string):''
不报错了，暂时这样修改，后面有好办法再优化吧～😄
  
分类：
 前端
 
标签：
 
前端TypeScript
 
  
 

      安装掘金浏览器插件
     
多内容聚合浏览、多引擎快捷搜索、多工具便捷提效、多模式随心畅享，你想要的，这里都有！
 前往安装