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();