关于VUE跳转页面传值时地址栏显示所传值或者不显示值的问题

在vue传值的时候有的不想把所传值显示在地址栏中，vue跳转页面传参有两种方式params传参和query传参。params 传参 : 相当于post请求，页面跳转时参数不会在地址栏中显示：this.$router.push({path:"",params:{id:id}})接收参数：this.$route.params.idquery 传参 : 相当于get请求，页面跳转时参...

Zxiuping

3013人浏览 · 2020-03-03 10:50:57

Zxiuping · 2020-03-03 10:50:57 发布

在vue传值的时候有的不想把所传值显示在地址栏中，vue跳转页面传参有两种方式params传参和query传参。

params 传参 : 相当于post请求，页面跳转时参数不会在地址栏中显示：

this.$router.push({path:"",params:{id:id}})

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

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

this.$router.push({path:"",query:{id:id}})


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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^