1. 程式人生 > >vue-router中query和params傳參(接收引數)以及$router、$route的區別

vue-router中query和params傳參(接收引數)以及$router、$route的區別

 

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等