vue-router query和params传参(接收参数)的区别
1.query方式传参和接收参数传参:this.$router.push({path:'/xxx'query:{id:id}})接收参数:this.$route.query.id注意:传参是this.$router,接收参数是this.$route,这里千万要看清了!!!2.param...
·
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请求,参数不会再地址栏中显示
更多推荐
已为社区贡献1条内容
所有评论(0)