vue使用query传参页面刷新数据丢失问题
今天开发的时候用query直接传了一个对象,在跳转之后的页面在对这个对象做解析,这样做其实蛮方便的,可惜的是页面不能刷新,虽然刷新后面页面的url还在,但是页面的object解析出错了。寻其原因第一次跳转数据是没问题的,但第二次刷新页面数据会变为[object object]解决办法:要跳转的传参页:先将数组转换为字符串。detailFun(row) {//console.log(JSON.str
·
今天开发的时候用query直接传了一个对象,在跳转之后的页面在对这个对象做解析,这样做其实蛮方便的,可惜的是页面不能刷新,虽然刷新后面页面的url还在,但是页面的object解析出错了。
寻其原因
第一次跳转数据是没问题的,但第二次刷新页面数据会变为[object object]
解决办法:
要跳转的传参页:先将数组转换为字符串。
detailFun(row) {
//console.log(JSON.stringify(row))
this.$router.push({
path: '/account/order/detail',
query: { orderDetail: JSON.stringify(row) }
})
},
接收页面:
created() {
this.orderDetail = JSON.parse(this.$route.query.orderDetail)
}
```
这样转换一下刷新后数据就不会丢失。
更多推荐
已为社区贡献11条内容
所有评论(0)