vue 路由跳转使用query传入对象，首次获取可以正常取值，再次刷新，参数变成[object object]

问题：vue页面跳转使用path和query传参（传入整个对象），因为这样再次刷新页面参数还会保留，但是发现一个问题，再次刷新的时候，获取到的参数变成了[object object],原因是因为string({}) ，把对象转为了字符串

如图：

路径携带的参数

 

 

打印出来的参数

 

 

解决方法：

第一种：使用JSON.stringify()传递参数   接收的时候使用  JSON.parse()去接收即可

 

第二种：利用sessionStorage 或者localStorage 去存储参数

 以sessionStorage为例

// 保存数据到 sessionStorage
sessionStorage.setItem('key', 'value');
 
// 从 sessionStorage 获取数据
let data = sessionStorage.getItem('key');
 
// 从 sessionStorage 删除保存的数据
sessionStorage.removeItem('key');
 
// 从 sessionStorage 删除所有保存的数据
sessionStorage.clear();