首页 前端知识 vue3 vue-route4跳转新页面无法获取params参数

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

2024-05-31 19:05:28 前端知识 前端哥 476 43 我要收藏

问题: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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10153.html
标签
评论
发布的文章

用点jquery实现的登录页面

2024-06-06 00:06:07

echarts-锥型柱状图

2024-06-06 00:06:05

echarts的使用

2024-06-06 00:06:00

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!