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

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

params path 以及 url this 區別 nbsp pan str

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的區別