vue router 路由跳的时候刷新一下

在 Vue Router 中，路由跳转时默认是不会刷新页面的。但是，你可以使用以下方法来实现路由跳转时刷新页面：

1. 使用 `router.go()` 方法刷新页面：

   // 在路由跳转时，使用 router.go() 方法刷新页面
   this.$router.go({ path: '/currentRoutePath' });

2. 使用 `<router-view>` 标签中的 `key` 属性来触发组件的重新渲染：

   <!-- 在 <router-view> 标签上添加 key 属性 -->
   <router-view :key="$route.fullPath"></router-view>

这样，在路由跳转时，页面会重新加载并刷新。

注意：以上方法都会重新加载整个页面，可能会导致页面状态丢失或重新初始化。如果你只想更新部分页面内容而不刷新整个页面，可以考虑使用 Vue 的动态组件或 VueX 状态管理来实现。

相关问题

vue3 vue-router路由跳转 并刷新页面如何实现

在 Vue 3 中，如果你想在使用 Vue Router 进行路由跳转的同时刷新当前页面，可以结合 `this.$router.push` 和 `window.location.reload()` 方法来实现。以下是一个简单的示例：

// 在某个组件内的点击事件或导航守卫中
this.$router.push('/your-target-route') // 跳转到目标路由

// 如果需要同时刷新页面
setTimeout(() => {
  window.location.reload() // 使用 setTimeout 来延迟刷新，避免路由还没切换就触发刷新
}, 0) // 设置时间为0是为了尽可能在路由更新之后立即执行刷新

这里，我们先通过 `this.$router.push` 方法导航到新的路由，然后使用 `setTimeout` 指定一个几乎即时的延时，使得路由切换完成后再执行 `window.location.reload()` 以刷新页面。

vue-router路由params参数刷新消失

回答：当使用 vue-router 路由时，params 参数默认情况下会随着页面的刷新而消失，这是因为 Vue 默认的路由模式是哈希模式。如果需要在刷新页面后仍然保存 params 参数，可以考虑使用 history 模式，这样 params 参数就会被保存在浏览器的历史记录中，不会随着页面刷新而消失。