码迷,mamicode.com
首页 > 其他好文 > 详细

vue-router通过query传递参数遇到浏览器刷新时候的坑!

时间:2018-09-14 16:12:28      阅读:294      评论:0      收藏:0      [点我收藏+]

标签:sign   浏览器   .com   http   route   this   公众   bsp   下场   

先说一下场景-微信公众号网页开发中,一个文章列表点击跳转详情页.代码如下

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会这样做?接下来会去研究下源码,或者浏览器的处理机制。先说下解决方案吧。

vue-router通过query传递参数遇到浏览器刷新时候的坑!

标签:sign   浏览器   .com   http   route   this   公众   bsp   下场   

原文地址:https://www.cnblogs.com/hjdjs/p/9646390.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!