问题:vue3 vue-router4跳转新页面无法获取params参数
//跳转代码
router.push({
name: 'newPage',
params: {id : 1}
})
//接收代码
const res = router.currentRoute.value.params
console.log(res)
#获得的值为{}
可能原因:在版本vue-router4.14后,未在路由文件中定义的params,是不能按照这种方式使用的。
解决办法:使用state传参
const params = {id:1}
router.push({
name: "hrServiceInfo",
//一定要使用 params
state: { params }
})
const cellId = history.state.params.id
console.log(cellId)
参考链接:https://blog.csdn.net/qq_38666931/article/details/111308803