vue-router query 傳對象需要JSON.stringify()轉化

1 2 3

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

1 2 3 4 5 6 7 8

// 列表頁點擊跳轉 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)

　　

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

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

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

 

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