浅析vue-router中params和query的区别
微信(小程序)  /  管理员 发布于 2年前   116
1.引入方式不同 query要用path来引入 params要用name来引入 2.url不同 query在url中显示参数 http://localhost:8080/detail?type=0&detail=哈哈 http://localhost:8080/detail 下面整理一下这两者的差别: 1、用法上的 刚才已经说了,query要用path来引入,params要用name来引入,接收参数都是类似的,分别是this.$route.query.name和this.$route.params.name。 注意接收参数的时候,已经是$route而不是$router了哦!! 2、展示上的 query更加类似于我们ajax中get传参,params则类似于post,说的再简单一点,前者在浏览器地址栏中显示参数,后者则不显示 query: params: 总结 以上所述是小编给大家介绍的vue-router中params和query的区别,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对站的支持!this.$router.push({ path: 'test', query: { type: 2, detail: '哈哈' }})
this.$router.push({ name: 'test', query: { type: 2, detail: '哈哈' }})
params在url中不显示参数
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!您可能感兴趣的文章:
阿凡达123 在
golang 怎么做热更新中评论 也可以看看这个:https://github.com/edwingeng/hot..博主 在
hyperf框架常用命令-在centos7中退出命令及在docker容器中退出命令中评论 @路过的靓仔:cdn静态资源被墙,已修复..GGGGGGGGG 在
layui框架常用输入框介绍中评论 写的很好解决问题..路过的靓仔 在
hyperf框架常用命令-在centos7中退出命令及在docker容器中退出命令中评论 剩下好多 wait 状态的..激光豆芽 在
为什么你不能安逸?国内996为什么没有国外955香?中评论 国内现在无意义的内卷太多了..
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号