1.通过query传参
获取:this.$route.query.username
2.通过params传参,必须通过命名路由的方式传递
获取:this.$route.params.username
区别:
- params传参,必须通过命名路由的方式传值
- params传参,不会显示在地址栏中,刷新会丢失
可以配合localStorage使用
(1)A 跳转路由到 B,params传参
(2)B页面中,立即通过 this. r o u t e . p a r a m s 获 取 参 数 ( 获 取 参 数 的 逻 辑 , 优 先 从 route.params获取参数 (获取参数的逻辑,优先从 route.params获取参数(获取参数的逻辑,优先从route拿,如果拿不到,说明刷新了,从本地取即可)
(3)拿到参数后,立即存到本地
(4)实现功能…
B页面的逻辑代码:
Created(){
let username=this.$route.params.username
if(username){
// 刚跳过来,有参数,立即存起来
localStorage.setItem('myParams',JSON.stringify(this.$route.params))
} else {
// 没参数,说明用户刷新了,params丢失了,本地拿
username=JSON.parse(localStorage.getItem('myParams')).username
}
}