怎么解决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下载，持续更新，欢迎关注。

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