关于vue-router 中参数传递的那些坑(params,query)
Posted liweiz
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于vue-router 中参数传递的那些坑(params,query)相关的知识,希望对你有一定的参考价值。
1.query方式传参和接受参数
1 传参 2 this.$router.push({ 3 path:‘/xxx‘ 4 query:{ 5 idname:id 6 } 7 })
接收的方式:this.$route.query.id
2.params方式传递参数
1 传参:
2 this.$router.push({
3 name:‘路径名称‘
4 query:{
5 idname:id
6 }
7 })
接收的方式:this.$route.params.id
3.query和params的区别,query相当于get请求,在页面跳转的时候,可以在地址栏看到请求参数,然而params则相当于post请求,参数不会在地址栏中显示。
以上是关于关于vue-router 中参数传递的那些坑(params,query)的主要内容,如果未能解决你的问题,请参考以下文章