路由跳转的时候使旧页面返回到跳转之前的状态

在 Vue 中进行路由跳转时，可以使用 Vue Router 提供的导航守卫（Navigation Guards）来实现在路由跳转时，保存旧页面状态的功能。

具体方法如下：

1. 在 Vue Router 中定义导航守卫 `beforeRouteLeave`，该导航守卫会在路由离开当前组件之前被调用。

2. 在 `beforeRouteLeave` 中保存当前组件的状态，可以将状态保存在 Vuex 中，或者直接将状态保存在路由元数据（meta）中。

3. 在路由跳转到新组件时，使用导航守卫 `beforeRouteEnter`，该导航守卫会在新组件被创建之前被调用。

4. 在 `beforeRouteEnter` 中获取旧组件的状态，并将状态传递给新组件。

下面是一个示例代码：

// 在路由元数据中定义状态
const routes = [
  {
    path: '/page',
    component: Page,
    meta: {
      savedState: null
    }
  },
  {
    path: '/new-page',
    component: NewPage,
    beforeEnter: (to, from, next) => {
      // 获取旧组件的状态
      const savedState = from.meta.savedState;
      // 将状态传递给新组件
      next(vm => {
        vm.savedState = savedState;
      });
    }
  }
]

// 在 Page 组件中保存状态
export default {
  beforeRouteLeave(to, from, next) {
    // 保存状态
    this.$router.meta.savedState = this.yourState;
    next();
  }
}

在上面的代码中，我们在 Page 组件中保存了状态，并将状态保存在路由元数据中。在 NewPage 组件中，我们在 `beforeEnter` 导航守卫中获取旧组件的状态，并将状态传递给新组件。

需要注意的是，由于 `beforeRouteEnter` 是在新组件被创建之前被调用的，所以我们无法直接在其中访问 `this`。可以使用 `next(vm => {})` 的方式来访问新组件实例（vm），并将状态传递给它。

这样，当我们从 Page 组件跳转到 NewPage 组件时，NewPage 组件就可以获取之前 Page 组件的状态，从而实现在路由跳转时使旧页面返回到跳转之前的状态的功能。