加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

vue-router query 传对象需要JSON.stringify()转化

发布时间:2020-12-16 18:42:21 所属栏目:百科 来源:网络整理
导读:先说一下场景-微信公众号网页开发中,一个文章列表点击跳转详情页.代码如下 1 2 3 this .$router.push({path:? ‘/wx/detail‘ ,query: {res: data}}) // data中的数据结构如下一个对象里边有数组有对象等等。。。 {title: 1 2 3 4 5 6 7 8 // 列表页点击跳
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会这样做?接下来会去研究下源码,或者浏览器的处理机制。先说下解决方案吧。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读