关于路由跳转params和query传值方式不显示问题

最新推荐文章于 2024-01-24 10:32:17 发布

weixin_44094836

最新推荐文章于 2024-01-24 10:32:17 发布

阅读量1.2k

点赞数 2

文章标签： vue

本文链接：https://blog.csdn.net/weixin_44094836/article/details/110259943

版权

首先路由跳转有两种方式
1.通过 <router-link></router-link> 实现

2.通过 this.$router.push({}）

然后this.$router.push({}又有多种传值方式。其中主要是这两种
1.this.$router.push({ name: 'order', params: { id: id } })
2.this.$router.push({ path: 'order', query: { id: id } })

**注：**肯定有不少小伙伴没有注意到一个细节。params对应的key是name.而query对应的是path。如果用path去取params是没有办法取到值

导致这样的原因是因为params需要通过name来获取，这里就要明白query和params的区别了

query要用path来引入,接收参数都是this. $r o u t e . q u e r y . n a m e 。 q u e r y 类似于 a j a x 中 g e t 传参，即在浏览器地址栏中显示参数。 p a r a m s 要用 n a m e 来引入，接收参数都是 t h i s .$ route.params.name。params则类似于post，即在浏览器地址栏中不显示参数。