- 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')