今天開發的時候用query直接傳了一個對象，在跳轉之后的頁面在對這個對象做解析，這樣做其實蠻方便的，可惜的是頁面不能刷新，雖然刷新后面頁面的url還在，但是頁面的object解析出錯了。
尋其原因
第一次跳轉數據是沒問題的，但第二次刷新頁面數據會變為[object object]

解決辦法：
要跳轉的傳參頁：先將數組轉換為字符串。

detailFun(row) {
? ? ? //console.log(JSON.stringify(row))
? ? ? this.$router.push({
? ? ? ? path: '/account/order/detail',
? ? ? ? query: { orderDetail: JSON.stringify(row) }
? ? ? })
? ? },
1
2
3
4
5
6
7
接收頁面：

?created() {
?this.orderDetail = JSON.parse(this.$route.query.orderDetail)
?}
?```
?這樣轉換一下刷新后數據就不會丟失。
1
2
3
4
5

一晌貪歡i
關注

0

0

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的vue使用query传参页面刷新数据丢失问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。