经常遇到刷新页面参数丢失的情况,今天总结一下

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

params 参数丢失分析

  • 因为 params 传参需要在路由后边添加参数名,例如: /:id/:name,所以,如果没有在配置中写,当页面刷新之后,所传参数就会消失
  • 如果在路由中配置了参数,例如: /:id/:name,params就是路由的一部分,如果这个路由有params传参,但是在跳转的时候没有传这个参数,会导致跳转失败或者页面会没有内容。
  • 另外传参里面有对象的话,页面再次刷新丢失,打印会打印出 [Object,Object] 解决办法也可以用本地以及其他方法

query 参数丢失分析

  • query传参里面有对象的话,页面再次刷新丢失,打印会打印出 [Object,Object] 
  • 如果从 A页面  跳转到  B页面需要携带以下 A页面的参数时,在 B页面 刷新时,就会导致参数消失,

解决办法:可以在A页面中点击跳转的时候,在本地存储一下需要携带的参数

多谢朋友的提醒,完善了此文章,如果有其他情况没有概括进来的,也可以评论,进行测试后会添加记录

Logo

前往低代码交流专区

更多推荐