vue-router query和params传参(接收参数)的区别
2018-04-01 19:51
621 查看
最近在学vue,今天做项目时踩到了vue-router传参的坑(query和params),所以决定总结一下二者的区别。
直接总结干货!!!
1.query方式传参和接收参数
传参: this.$router.push({ path:'/xxx' query:{ id:id } }) 接收参数: this.$route.query.id
注意:传参是this.$router,接收参数是this.$route,这里千万要看清了!!!
2.params方式传参和接收参数
传参: this.$router.push({ name:'xxx' params:{ id:id } }) 接收参数: this.$route.params.id
注意:params传参,push里面只能是 name:'xxxx',不能是path:'/xxx',因为params只能用name来引入路由,如果这里写成了path,接收参数页面会是undefined!!!
另外,二者还有点区别,直白的来说query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数,而params相当于post请求,参数不会再地址栏中显示
vue的自学之路还得继续走,坑还会继续踩,下一个坑会是神马…
相关文章推荐
- 浅析vue-router jquery和params传参(接收参数)$router $route的区别
- vue 路由传参 params 与 query两种方式用和的区别
- vue路由传参query和params的区别
- vue 路由传参 params 与 query两种方式的区别
- .net程序员的盲点(一):参数修饰符ref,out ,params的区别
- 02基于注解开发SpringMVC项目(jar包,异步,request,参数传递,多选的接收,Model传参,map传参,model传参,ajax,重定向,时间日期转换)
- c#中out、ref和params的用法与区别 params可以传不定长的参数
- vue-router的参数传递和接收参数
- SpringMVC——接收请求参数和页面传参
- vue嵌套路由-params传递参数(四)
- c#.net中参数修饰符ref,out ,params得区别
- .net中 参数out,ref,params的区别
- 参数修饰符ref,out ,params的区别
- 参数修饰符ref,out ,params的区别(转载)
- 参数传递(续)之——用Ref和Out关键字的按引用传递,以及用Params关键字传参
- vue 路由跳转取不到params参数
- ng4 路由多参数传参以及接收
- ng4 路由多参数传参以及接收
- winform客户端向web地址传参,怎样去接收参数。
- .net程序员的盲点(一):参数修饰符ref,out ,params的区别