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

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

解决方案

1.跳转前：将data转换为JSON字符串；

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

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

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

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

示例代码下载

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