镜像router.pushNamedRoute跳转后router.back失效

在Vue Router中，`router.push()`方法通常用于导航到一个新的命名路由。当你使用`router.pushNamedRoute()`并跳转后，如果你期望能够通过`router.back()`返回上一个页面，这可能会遇到一些挑战。

首先，`router.pushNamedRoute()`直接将用户导航到指定的命名路由，它并不会记录用户的浏览历史。因此，`router.back()`默认的行为是在当前的路由栈中回退，由于并没有保存之前的路径，所以无法回到之前的状态。

其次，如果你想让`router.back()`工作，一种解决方案是手动保存路由信息，比如在组件生命周期钩子里，每次导航时都把当前路由添加到一个数组或变量中，然后在需要回退时从这个列表中取出最后一个路由进行跳转。

// 示例代码
export default {
  beforeRouteUpdate(to, from, next) {
    // 如果不是第一次进入页面
    if (to.path !== from.path) {
      this.history.pushedRoutes.push(to);
    }
    next();
  },
  beforeDestroy() {
    // 页面销毁前，尝试最后一次回退
    if (this.history.pushedRoutes.length > 0) {
      router.push(this.history.pushedRoutes.pop());
    }
  },
  methods: {
    back() {
      if (this.history.pushedRoutes.length > 0) {
        router.push(this.history.pushedRoutes.pop());
      } else {
        router.go(-1); // 或者直接浏览器回退
      }
    },
  },
};

然而，这种方法并不是标准的Vue Router API，而是应用级别的解决方案，并且如果路由管理更复杂，维护起来会变得困难。如果需要频繁地跟踪和回退，可能要考虑使用别的方式来设计用户体验，比如使用状态管理库如Vuex来管理路由状态。