vue2 返回上一级保留上一级数据

在 Vue 2 中，如果你想要在返回上一级页面时保留上一级页面的数据，可以使用以下方法：

1. 使用 Vue Router 提供的 `params` 或 `query` 参数传递数据：在路由跳转时，将需要传递的数据添加到 `params` 或 `query` 中，然后在上一级页面中通过 `$route.params` 或 `$route.query` 来获取数据。这样即使返回上一级页面，数据也会保留。

2. 利用浏览器的本地存储（localStorage 或 sessionStorage）：将需要保留的数据存储到浏览器的本地存储中，在返回上一级页面时再从本地存储中读取数据。这种方法适用于需要在多个页面间共享数据的情况。

下面是使用 Vue Router 的示例代码：

在跳转到下一级页面时，将数据添加到路由的 `params` 或 `query` 中：

// 跳转到下一级页面时
this.$router.push({
  name: 'NextPage',
  params: {
    data: this.dataToPass // 或者使用 query: { data: this.dataToPass }
  }
});

在上一级页面中，通过 `$route.params` 或 `$route.query` 获取数据：

// 上一级页面中
mounted() {
  this.dataFromPrevPage = this.$route.params.data; // 或者使用 this.$route.query.data
}

这样即使返回上一级页面，`dataFromPrevPage` 的值也会被保留。

希望对你有所帮助！