Vue.js 路由参数传递问题:无法接收 ID 的解决方案
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,以避免此类问题。 - 仔细检查代码中参数名是否一致,确保参数传递的正确性。
- 在调试代码时,可以通过打印日志的方式查看参数值,以便快速定位问题。
希望以上解决方案能够帮助你解决问题!
原文地址: https://www.cveoy.top/t/topic/XOZ 著作权归作者所有。请勿转载和采集!