vue-router通過query傳遞參數遇到瀏覽器刷新時候的坑！

先說一下場景-微信公眾號網頁開發中，一個文章列表點擊跳轉詳情頁.代碼如下

this.$router.push({path: '/wx/detail', query: {res: data}})
// data中的數據結構如下一個對象里邊有數組有對象等等。。。
{title:

// 列表頁點擊跳轉
let data = JSON.stringify(result) // result傳遞的query參數。我們轉為string
this.$router.push({path: '/wx/detail', query: {res: data}})


// 詳情頁獲取
 let data = JSON.parse(this.$route.query.res)
  this.result = Object.assign({}, data)

　　

'xxx', imgList: ['1','2'] }

首先第一點擊跳轉詳情頁顯示正常。如下

那么接下來我們刷新下頁面。你會發現你得對象完全變了。成了一個"[object Object]"這是怎么回事吶？怎么解決吶？

 

　不知道為什么vue-router會這樣做？接下來會去研究下源碼，或者瀏覽器的處理機制。先說下解決方案吧。