Vue Router 的params和query传参刷新后参数丢失情况
经常遇到刷新页面参数丢失的情况,今天总结一下params是路由的一部分,创建路由时,须要在路由后边添加参数名。query是拼接在URL后边的参数,创建路由时,不用必须添加,可以直接跳转的时候携带即可params 参数丢失分析因为 params 传参需要在路由后边添加参数名,例如:/:id/:name,所以,如果没有在配置中写,当页面刷新之后,所传参数就会消失如果在路由中配置了参...
·
经常遇到刷新页面参数丢失的情况,今天总结一下
- params是路由的一部分,创建路由时,须要在路由后边添加参数名。
- query是拼接在URL后边的参数,创建路由时,不用必须添加,可以直接跳转的时候携带即可
params 参数丢失分析
- 因为 params 传参需要在路由后边添加参数名,例如: /:id/:name,所以,如果没有在配置中写,当页面刷新之后,所传参数就会消失
- 如果在路由中配置了参数,例如: /:id/:name,params就是路由的一部分,如果这个路由有params传参,但是在跳转的时候没有传这个参数,会导致跳转失败或者页面会没有内容。
- 另外传参里面有对象的话,页面再次刷新丢失,打印会打印出 [Object,Object] 解决办法也可以用本地以及其他方法
query 参数丢失分析
- query传参里面有对象的话,页面再次刷新丢失,打印会打印出 [Object,Object]
- 如果从 A页面 跳转到 B页面需要携带以下 A页面的参数时,在 B页面 刷新时,就会导致参数消失,
解决办法:可以在A页面中点击跳转的时候,在本地存储一下需要携带的参数
多谢朋友的提醒,完善了此文章,如果有其他情况没有概括进来的,也可以评论,进行测试后会添加记录
更多推荐
已为社区贡献8条内容
所有评论(0)