vue 返回上一页时，上一页保持原来的状态，页面不刷新

在 Vue 中，你可以使用 `keep-alive` 组件来缓存组件的状态，以便在后续重新渲染时保留其状态。你也可以使用路由的导航守卫来控制页面的状态。

以下是一个示例代码，用于在返回上一页时保持原来的状态，而不刷新页面：

<template>
  <div>
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" />
  </div>
</template>

<script>
export default {
  name: 'App',
  watch: {
    $route(to, from) {
      // 当从后退到前一页时，保持页面状态
      if (from.meta.keepAlive && to.meta.keepAlive) {
        const activated = this.$store.state.activatedViews
        if (activated.indexOf(from.name) === -1) {
          activated.push(from.name)
        }
        this.$store.commit('setActivatedViews', activated)
      }
    },
  },
}
</script>

在上面的代码中，我们使用了 `keep-alive` 组件来缓存具有 `keepAlive` 属性的组件，以便在后续重新渲染时保留其状态。在 `watch` 监听 `$route` 变化时，我们检查前一页和当前页是否都具有 `keepAlive` 属性，如果是，则将前一页的名称添加到 `activatedViews` 数组中，以便在后续返回前一页时保持其状态。

请注意，这只是一个示例，具体实现方式可以根据具体需求进行调整。