首页 > 其他 > 详细

vue-router中query和params传参(接收参数)以及$router、$route的区别

时间:2018-11-20 10:50:20      阅读:648      评论:0      收藏:0      [点我收藏+]

 

query传参:
this.$router.push({
path:‘/...‘
query:{
id:id
}
})

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

params传值:

传参:
this.$router.push({
name:‘...‘
params:{
id:id
}
})

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

 this.$router 和this.$route的区别

技术分享图片

1.$router为VueRouter实例,想要导航到不同URL,则使用$router.push方法

2.$route为当前router跳转对象,里面可以获取name、path、query、params等

 

vue-router中query和params传参(接收参数)以及$router、$route的区别

原文:https://www.cnblogs.com/shangyixuan/p/9987456.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!