使用$router.push传值跳转页面在页面刷新时传值数据丢失问题解决

最新推荐文章于 2025-02-21 16:30:00 发布

aihisia

最新推荐文章于 2025-02-21 16:30:00 发布

阅读量1.5k

点赞数

分类专栏：路由问题文章标签： vue

本文链接：https://blog.youkuaiyun.com/aihisia_Ryen/article/details/116789826

版权

路由问题专栏收录该内容

1 篇文章

订阅专栏

本文介绍了解决使用vue-router在页面跳转时params参数丢失的问题，通过sessionStorage实现数据在页面刷新后的持久化存储。方法包括设置、获取和清除数据，以及将对象转换为字符串。欢迎交流更优实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用$router.push 跳转页面时，如果是params传递参数，则刷新页面后，传入的参数丢失传值失效。
解决办法：可以使用sessionStorage在进入该页面时进行数据存储。
sessionStorage使用方法：
存值方法 sessionStorage.setItem('key','value')
取值方式 sessionStorage.getItem('key')
sessionStorage 清除方法 sessionStorage.removeItem('key')
清除所有数据 sessionStorage.clear()
转换字符串：sessionStorage.setItem("key",JSON.stringify(obj)) JSON.parse(sessionStorage.getItem("key"))

关于这个问题如有更好的方法，欢迎大家讨论。