路由跳转以及获取取值

最新推荐文章于 2025-05-08 10:50:17 发布

白枫 White Maple

最新推荐文章于 2025-05-08 10:50:17 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端框架

本文链接：https://blog.youkuaiyun.com/qq_42323925/article/details/99680127

前端框架专栏收录该内容

30 篇文章

订阅专栏

路由跳转并传值：
原页面：通过this. $r o u t e r . p u s h 中的 p a t h 跳转页面，通过 q u e r y 传值 t h i s .$ router.push({
path: ‘/countMana/billManaDetail’,
query: {
record:record
}
})

跳转页面：通过this. $r o u t e . q u e r y 获取传过来的值 t h i s . r e c o r d = t h i s .$ route.query.record;

总结：
1 params 传参
注意⚠️：patams传参，路径不能使用path 只能使用name,不然获取不到传的数据
this. $router.push({ name: 'dispatch', params: {paicheNo: obj.paicheNo} }) 取数据：this.$ route.params.paicheNo
2 query传参
this. $router.push({ path: '/transport/dispatch', query: {paicheNo: obj.paicheNo} }) 取数据：this.$ route.query.paicheNo