vue query param 两种传参方式区别
1、传参方式
- query传参方式
this.$router.push({
path: "/home",
query: {code:"123"}
})
- param传参方式
this.$router.puth({
name: "/home",
param: {code: "123"}
})
query要用path来引入,params要用name来引入
2、取值方式
- 获取query传参的方式
this.$route.query.code //123
- 获取param 传参的方式
this.$route.param.code //123
3、浏览器的路由展示情况
- query
使用query传参的方式类似于get交互,传的参数在地址栏中显示,刷新后仍然存在参数 - param
使用param传参的方式类似于post交互,传的参数在地址栏中不显示,界面刷新后传参就不存在