vue中this.$router.push路由传参以及获取方法_$router.push 获取参数

作者：繁依Fanyi0 | 2024-03-22 03:57:27

踩

$router.push 获取参数

项目中通过this.$router.push路由跳转页面传递参数的方式很常见，一般有两种方式：

1.params传参：

 
 this.$router. 
 push({name: 
 'parasetEdit',params:{pk_refinfo: 
 'test',value: 
 'test1'}}); 

目标页面接收参数：

this.$route.params.pk_refinfo

2.query传参：

 
 this.$router. 
 push({path: 
 '/uapbd/paraset/edit',query:{pk_refinfo: 
 'test',value: 
 'test1'}}); 

目标页面接收参数：

this.$route.query.pk_refinfo

两种方式的区别是query传参的参数会带在url后边展示在地址栏，params传参的参数不会展示到地址栏。需要注意的是接收参数的时候是route而不是router。两种方式一一对应，名字不能混用。

欢迎交流探讨。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/285134?site