vue 路由传递参数，解决刷新页面或返回上一页数据变成 [Object object]，及实例

vue 路由传递参数，刷新页面 数据变成 [Object Object]

原因：

刷新页面或返回上一页，vue通过路由传参数，刷新该页面或返回该页面，该页面接受的数据变成 [Object Object]。

实例：

首先，我们通过点击 “开启计划” ，已路由传参的方式，跳转到 “计划详情” 的页面!

this.$router.push({ name: "plan", query: { info: item } });

后来到达指定的页面，发现数据是正常的：

然后点击刷新，或者从下一个页面在返回，发现数据没有，然后我们通过打印发现，数据变成了 [Object Object]


解决方法：

在传递之前，把传递的参数先转成JSON格式，在接受的页面在通过 JSON.parse()就可以解决