Vue项目，使用query传参，页面刷新后数据丢失（接收参数后，页面刷新数据丢失）

简述：我们在使用query传递参数时，跳转之后在新的页面对这个参数进行接收，但是在其页面使用时刷新页面后数据会丢失，第一次跳转时数据是正常显示的，但第二次刷新页面数据会变为[object object]，针对此问题，这里提供一种解决方案。

解决方法：

1、在要跳转的传参页，先将参数转换为字符串；

choseDetails(cur) {
      this.$router.push({
        name: "dynamicsDetail",
        query: { item: JSON.stringify(cur) },
      });
    },

2、在接收页面，再转换过来；

 details: JSON.parse(this.$route.query.item),

//这样转换以后，接收的页面刷新时数据就不会丢失了；

还有几种其它解决方法，欢迎大家留言讨论(●'◡'●)