Vue Router 的params和query传参刷新后参数丢失情况

4 篇文章 0 订阅
开发中遇到刷新页面参数丢失的情况

params是路由的一部分,创建路由时,须要在路由后边添加参数名。
query是拼接在URL后边的参数,创建路由时,不用必须添加,可以直接跳转的时候携带即可

params 参数丢失情况:
  1. params 传参需要在路由后边添加参数名,例如:/:id/:name,如果在路由中没配置参数,当页面刷新之后,所传参数就会消失
  2. 如果在路由中配置了参数,例如: /:id/:name,params就是路由的一部分,如果这个路由有params传参,但是在跳转的时候没有传这个参数,会导致跳转失败或者页面会没有内容。
  3. 另外传参里面有对象的话,页面再次刷新丢失,打印会打印出 [Object,Object]解决办法:可以用本地存储以及其他方法
query 参数丢失情况:
  1. query传参里面有对象的话,页面再次刷新丢失,打印会打印出 [Object,Object] ;
  2. 如果从 A页面 跳转到 B页面需要携带以下 A页面的参数时,在 B页面 刷新时,就会导致参数消失;解决办法:可以在A页面中点击跳转的时候,在本地存储一下需要携带的参数
  • 1
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值