vue中的路由传参(params和query)相当于（post和get传参）

两种传参方式：（1）通过query传参，query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数，// 传参this.$router.push({name:'home',params:data})// 取参this.$route.params.data（2）通过params传参，params相当于post请求，参数不会再地址栏中显示// 传参this.$r...

柠檬不萌只是酸i

4008人浏览 · 2019-09-17 14:43:03

柠檬不萌只是酸i · 2019-09-17 14:43:03 发布

两种传参方式：

（1）通过query传参，query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数，

// 传参
this.$router.push({name:'home',params:data})

// 取参
this.$route.params.data

（2）通过params传参，params相当于post请求，参数不会再地址栏中显示

// 传参
this.$router.push({path:'/home',query:data})

// 取参
this.$route.query.data

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}$/, //不连续的两位字母// /^