Vue跳转页面后，页面回退后，地址栏参数丢失

当你在Vue应用中使用路由跳转，并传递参数到新的页面URL中（例如，`this.$router.push('/page?param=value')`），如果用户从新页面通过浏览器的“后退”按钮返回上一页，通常情况下，由于浏览器的历史记录机制，地址栏中的查询参数（也就是问号后面的参数）会被默认清除。这是因为浏览器认为这是回退到了历史上的原始页面请求。

解决这个问题的一种常见做法是在`beforeRouteLeave`或`beforeRouteUpdate`钩子函数中手动保存或处理这些参数，确保它们在用户回退时仍然存在。比如：

// 在组件中
beforeRouteLeave(to, from, next) {
  if (to.query && to.params) { // 检查是否有参数需要保留
    localStorage.setItem('routeParams', JSON.stringify({ params: to.params, query: to.query }));
    next(false); // 阻止正常离开，以便保存路由状态
  } else {
    next(); // 如果不需要保留参数，则正常离开
  }
}

// 或者在全局路由配置文件中
router.beforeEach((to, from, next) => {
  const storedData = localStorage.getItem('routeParams');
  if (storedData) {
    const routeInfo = JSON.parse(storedData);
    to.params = routeInfo.params;
    to.query = routeInfo.query;
  }
  next();
});

这样当用户回退时，你可以通过读取`localStorage`中的数据恢复并设置路由参数。