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

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

项目中通过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。两种方式一一对应，名字不能混用。

$router(传值)：为VueRouter实例，想要导航到不同URL，则使用$router.push方法

$route(获取值)：为当前router跳转对象里面可以获取name、path、query、params等

返回上一个history也是使用$router.go方法