- query方式傳參和接收參數
傳參:
this.$router.push({
path:'/xxx'
query:{
id:id
}
})
接收參數:
this.$route.query.id
- params方式傳參和接收參數
傳參:
this.$router.push({
name:'xxx'
params:{
id:id
}
})
接收參數:
this.$route.params.id
query相當于get請求,而params相當于post請求,但是,如果沒有在路由中聲明參數,那么參數不會在地址欄出現,但是刷新頁面就會導致獲取不到參數,則可以用localStorage來存儲數據防止刷新頁面數據丟失:
存
localStorage.setItem('id', id)
取
localStorage.getItem('id')