vue路由传参是指嵌套路由时父路由向子路由传递参数,否则操作无效。传参方式可以划分为params传参query传参

一.params传参

router文件下index.js里面,是这么定义路由的:

在这里插入图片描述

我想用params来传参,是这么写的,嗯~

在这里插入图片描述

结果可想而知,接收参数的时候://undefined

这是因为,params只能用name来引入路由,下面是正确的写法:

在这里插入图片描述

这回就对了,可以直接拿到传递过来的参数nameValue了。

二.区别
写法大致相同,在配置的时候params用的是name、query用的是path、
query要用path来引入,params要用name来引入。
注意接收参数的时候,是route而不是router了!
query更加类似于我们ajax中get传参,params则类似于post

query:
在这里插入图片描述

params:
在这里插入图片描述

从上面俩张图片可以看到params的路径中是不显示参数的 反而query是把参数拼接到路由的后面!

希望可以帮到大家!!!

Logo

前往低代码交流专区

更多推荐