vue3 vue-route4跳转新页面无法获取params参数

本文主要是介绍vue3 vue-route4跳转新页面无法获取params参数，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

问题：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",//一定要使用 paramsstate: { params }
})

const cellId = history.state.params.id
console.log(cellId)

参考链接：https://blog.csdn.net/qq_38666931/article/details/111308803

这篇关于vue3 vue-route4跳转新页面无法获取params参数的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---