怎么解决Vue使用query传参,二次刷新数据丢失的问题?

·  阅读 103

Vue使用query传参,跳转时,数据是正常的,但第二次刷新页面数据会变为[object object]。

解决方案

1.跳转前:将data转换为JSON字符串;

2.跳转后:将字符串转换为JSON对象。

这样处理一下,刷新后数据就不会丢失了。

//传参
this.$router.push({
  path"/path",
  query: { dataJSON.stringify(data) }
});

//取值
let data = JSON.parse(this.$route.query.data);
复制代码

示例代码下载

更多示例代码请到GitHub: https://github.com/Jackyyans/code123下载,持续更新,欢迎关注。

作者:代码123
原文链接:https://www.getcode123.com/how-to-solve-the-data-loss-by-using-query
版权声明:转载请附上原文链接
分类:
前端
标签:
分类:
前端
标签: