VUE使用params隐藏参数,不在地址栏中显示传的参数

Posted bailing80

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE使用params隐藏参数,不在地址栏中显示传的参数相关的知识,希望对你有一定的参考价值。

VUE跳转页面传值 地址栏显示传值或者不显示地址栏传值
a页面传值到b页面
params 传参 : 相当于post请求,页面跳转时参数不会在地址栏中显示

this.$router.push({

name:‘‘,

params: { id:idParams }

})

接收参数:this.$route.params.id

query 传参 : 相当于get请求,页面跳转时参数会在地址栏中显示

this.$router.push({

name:‘‘,

query: { id:idParams }

})

接收参数:this.$route.query.id

注意:传参是 router , 接收参数是 route

 

转自:https://blog.csdn.net/weixin_43836052/article/details/95166345

以上是关于VUE使用params隐藏参数,不在地址栏中显示传的参数的主要内容,如果未能解决你的问题,请参考以下文章

vue 路由传参数和隐藏参数

Vue中关于路由传参query和params的区别

vue路由传参params和query区别

路由解耦-解决Vue通过name和params进行跳转页面传参刷新参数丢失的问题

vue 传参数据丢失或者“[object Object]”

vue param与query传参刷新数据消失处理