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

项目中通过this.$router.push路由跳转页面传递参数的方式很常见，一般有两种方式：1.params传参：this.$router.push({name:'parasetEdit',params:{pk_refinfo:'test',value:'test1'}});目标页面接收参数：this.$route.params.pk_refinfo2.params传参：this.$router

若晨工作室

31010人浏览 · 2018-06-14 11:14:18

若晨工作室 · 2018-06-14 11:14:18 发布

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

欢迎交流探讨。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^