Vue - Router 路由跳转传参（对象 / 数组）目标页面刷新后参数丢失问题解决方案

前言

例如，有个列表页，点击后携带参数进入详情页，当刷新详情页后，携带的参数就获取不到了。

我们要的是，无论怎么刷新目标页面，

都不会出现获取不到的情况，如下图所示：

解决方案

如果通过 query 的方式传递对象或数组，在地址栏中会被强制转换成 [object Object]，所以获取不到。

但您可以通过将对象参数，通过 JSON.stringify() 方法进行转换，

在接收页（目标页）使用 JSON.parse() 再转回来。

// 列表页

const data = {
    type: 'a1', value