this.$router.push({ path: '/user/123', query: { name: 'Mike' } });,刷新页面获取到的数据为消失

在使用 `$router.push()` 进行页面跳转时，会将组件加载到 `<router-view>` 中，而不会刷新整个页面。因此，当你刷新页面时，之前设置的 `query` 参数就会丢失。

如果你希望在刷新页面后仍然能够获取到 `query` 参数，可以考虑将参数存储在浏览器的 `localStorage` 或 `sessionStorage` 中，然后在组件加载时再从中取出。例如：

// 存储参数
localStorage.setItem('user_id', '123');
localStorage.setItem('user_name', 'Mike');

// 在组件中获取参数
mounted() {
  const userId = localStorage.getItem('user_id');
  const userName = localStorage.getItem('user_name');
  // ...
}

需要注意的是，`localStorage` 和 `sessionStorage` 的存储空间有限，且数据存储在本地，因此不适合存储大量数据。另外，当用户清除浏览器缓存时，存储的数据也会被清除。

相关问题

this.$router.push

这是 Vue.js 中的路由跳转方法。$router 是 Vue.js 框架中的路由实例，而 push 方法用来跳转到指定的页面。可以在 push 方法中传入一个对象，包含跳转的路径和需要传递的参数。例如：

this.$router.push({ path: '/user/123', query: { name: 'Mike' } });

这样就可以在目标页面获取到参数，使用 this.$route.query.name 获取到 'Mike'。

详解this.$router.push

这是 Vue.js 中的路由跳转方法。$router 是 Vue.js 框架中的路由实例，而 push 方法用来跳转到指定的页面。可以在 push 方法中传入一个对象，包含跳转的路径和需要传递的参数。例如：

this.$router.push({ path: '/user/123', query: { name: 'Mike' } });

这样就可以在目标页面获取到参数，使用 this.$route.query.name 获取到 'Mike'。