路由传参数，刷新后数据丢失的解决办法

路由传参数，刷新后数据丢失的解决办法

方式一：通过query方式进行路由传参，需要将其先转化成JSON字符串

注意：第一次传过去后数据是可以到达的，但是刷新后数据丢失

解决：通过JSON.stringify()，将对象转化成字符串，在需要接收的页面，再通过JSON.parse()将JSON字符串转化为JSON对象

示例：

路由传参方式https://www.cnblogs.com/Plume-blogs/p/14597571.html

在所需组件将接收到的obj转化成JSON对象font>，如图所示：

注意： 在浏览器地址栏会显示一大串JSON字符串，总感觉不舒服，如下图所示：

方式二：将其存入localStorage

在需要数据的时候，通过getItem方法将其从localStorage中取出

localStorage笔记见：https://www.cnblogs.com/Plume-blogs/p/14870337.html

具体操作如图：