Vue Router 的params和query传参刷新后参数丢失情况
开发中遇到刷新页面参数丢失的情况params是路由的一部分,创建路由时,须要在路由后边添加参数名。query是拼接在URL后边的参数,创建路由时,不用必须添加,可以直接跳转的时候携带即可params 参数丢失情况:params 传参需要在路由后边添加参数名,例如:/:id/:name,如果在路由中没配置参数,当页面刷新之后,所传参数就会消失如果在路由中配置了参数,例如: /:id/...
·
开发中遇到刷新页面参数丢失的情况
params是路由的一部分,创建路由时,须要在路由后边添加参数名。
query是拼接在URL后边的参数,创建路由时,不用必须添加,可以直接跳转的时候携带即可
params 参数丢失情况:
params
传参需要在路由后边添加参数名,例如:/:id/:name
,如果在路由中没配置参数,当页面刷新之后,所传参数就会消失- 如果在路由中配置了参数,例如:
/:id/:name
,params就是路由的一部分,如果这个路由有params
传参,但是在跳转的时候没有传这个参数,会导致跳转失败或者页面会没有内容。 - 另外传参里面有对象的话,页面再次刷新丢失,打印会打印出
[Object,Object]
,解决办法:可以用本地存储以及其他方法
query 参数丢失情况:
- query传参里面有对象的话,页面再次刷新丢失,打印会打印出 [Object,Object] ;
- 如果从 A页面 跳转到 B页面需要携带以下 A页面的参数时,在 B页面 刷新时,就会导致参数消失;解决办法:可以在A页面中点击跳转的时候,在本地存储一下需要携带的参数
更多推荐
已为社区贡献9条内容
所有评论(0)