vue路由传值问题

作者: 老街老街 | 来源:发表于2019-07-19 01:59 被阅读0次

1.params：
this. $router.push({ name:"detail", params:{ name:'nameValue', code:10011 } }); 这里push也可使用replace代替。接收：this.$ route.params.code；
2.query：
this. $router.push({ path:"/home", query:{ name:'nameValue', code:10011 } }); 接收：this.$ route.query.code；

3.直接在路径中加入参数：
例如：/item/3
这个3是动态的。
接收：this.$route.params.active;

重点！！！！！
总结：
从第一种和第二种中你们发现什么没？
告诉你吧，query传参是要用path来引入，而params传参是要用name来引用。
小伙伴们千万要注意哦！
还有一点就是：接收参数的时候是this. $route，传参的时候是this.$ router。一个字母可能使你困恼。哈哈
晚安！