vue中在使用this.$router.push路由传参时以及获取参数的方法_this.$router.push传参,获取参数

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

1.params传参：

通过 this.$router.push({name:‘parasetEdit’,params:{pk_refinfo:‘test’,value:‘test1’}});

目标页面接收参数：

this.$route.params.pk_refinfo
1

要注意，路径由name声明，参数由params声明

2.query传参：

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

目标页面接收参数：

this.$route.query.pk_refinfo
1

要注意，路径由path声明，参数由query声明

两种方式的区别是query传参的参数会带在url后边展示在地址栏，params传参的参数不会展示到地址栏。需要注意的是接收参数的时候是route而不是router。两种方式一一对应，名字不能混用。事实上这种传参和发送请求时的get和post本质是一样的。query传参相对于get方式请求，同时将参数以url?key=value&key=value ，而params则相对应post请求，参数放到params中。