Vue.js 路由参数传递问题:无法接收 ID 的解决方案

根据提供的代码,你遇到的问题可能是由于路由参数名不一致导致的。

在第一个文件中,你使用 versionId 作为参数名传递给 toDetail 函数,而第二个文件中的 handleQuery 函数则使用 id 作为参数名。

为了确保参数传递的正确性,你需要在第二个文件中使用 route.params.versionId 获取参数值,而不是 route.params.id

修改后的代码:

onMounted(() => {
  queryParams.id = route.params.versionId as string;
  console.log( '--------------- queryParams.id',queryParams.id)
  console.log( '--------------- route.params.id',route.params.versionId)
  console.log( '-跳进来了' )

  handleQuery(route.params.versionId);
});

建议:

  • 建议在整个项目中统一使用一个参数名,例如 versionId,以避免此类问题。
  • 仔细检查代码中参数名是否一致,确保参数传递的正确性。
  • 在调试代码时,可以通过打印日志的方式查看参数值,以便快速定位问题。

希望以上解决方案能够帮助你解决问题!

Vue.js 路由参数传递问题:无法接收 ID 的解决方案

原文地址: https://www.cveoy.top/t/topic/XOZ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录