vue中路由传参的方式及区别
vue路由传参是指嵌套路由时父路由向子路由传递参数,否则操作无效。传参方式可以划分为params传参和query传参一.params传参router文件下index.js里面,是这么定义路由的:我想用params来传参,是这么写的,嗯~结果可想而知,接收参数的时候://undefined这是因为,params只能用name来引入路由,下面是正确的写法:这回就对了,可以直接拿到传递...
·
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是把参数拼接到路由的后面!
希望可以帮到大家!!!
更多推荐
已为社区贡献1条内容
所有评论(0)