1. this.$route.params
- 传入参数:
this.$router.push({
name: '/page1',
params:{
id:id,
}
})
- 获取参数:
this.$route.params.id
- 传参后在地址栏的显示形式:
http:/xxxx/page1
(URL中不显示参数,数据无缓存-即刷新或跳转后页面数据不再存在)
2.this.$route.query
- 传入参数:
this.$router.push({
name: '/page1',
query:{
id:id,
}
})
- 获取参数:
this.$route.query.id
- 传参后在地址栏的显示形式:
http:/xxxx/page1?id=123
(URL中显示参数, 数据有缓存-即刷新或跳转后页面数据还存在)