Vue JS中如何从URL路径中获取末尾段的数字参数值

你之前使用的URLSearchParams仅能解析URL中?后的查询字符串参数，路径段内的动态值不属于查询参数范畴，因此无法读取。符合Vue规范的实现优先基于官方路由Vue Router完成，不建议直接手动解析window.location，否则无法响应路由切换的参数更新。

前置配置：定义路由动态参数 #

首先需要在路由配置中给动态路径段添加参数占位符，否则Vue Router无法识别对应参数：

// 路由配置文件示例
const routes = [
  // :id 为动态参数占位符，参数名可根据业务自定义
  { path: '/apps/projects/update/:id', component: ProjectUpdateComponent }
]

不同场景的参数获取方式 #

• Vue3 组合式API（