vue3+ts返回上一页，保持页面原来状态

要实现在Vue3 + TypeScript中返回上一页并保持页面原有状态，可以使用Vue Router提供的导航守卫。在组件中使用beforeRouteLeave导航守卫，可以在离开当前路由之前保存当前组件的状态，然后在返回时重新恢复状态。

以下是示例代码：

import { defineComponent } from 'vue'
import { useRouter } from 'vue-router'

export default defineComponent({
  name: 'MyComponent',
  data() {
    return {
      someData: 'example data'
    }
  },
  beforeRouteLeave(to, from, next) {
    // 保存组件状态
    const currentState = { someData: this.someData }
    sessionStorage.setItem('myComponentState', JSON.stringify(currentState))
    next()
  },
  mounted() {
    // 恢复组件状态
    const savedState = sessionStorage.getItem('myComponentState')
    if (savedState) {
      const parsedState = JSON.parse(savedState)
      Object.assign(this.$data, parsedState)
    }
  },
  methods: {
    goBack() {
      this.$router.go(-1)
    }
  }
})

在这个示例中，我们在组件中定义了一个导航守卫beforeRouteLeave，用于在离开当前路由之前保存组件的状态。我们使用sessionStorage来存储状态数据，并在mounted钩子中恢复状态。最后，我们在组件中定义了一个goBack方法，用于返回上一页。

希望这个示例可以帮助你实现在Vue3 + TypeScript中返回上一页并保持页面原有状态。