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

您可以使用`vue-router`提供的`router.go()`方法来实现路由跳转并刷新页面。该方法接受一个整数作为参数，表示前进或后退的步数。如果要刷新当前页面，您可以使用0作为参数。

以下是一个示例代码：

// 在路由跳转时刷新页面
router.go(0);

您可以在需要刷新页面的地方调用此方法，例如在点击某个按钮或者在路由导航守卫中。

另外，如果您只想在特定的路由跳转时刷新页面，可以使用`beforeEach`导航守卫来实现。

router.beforeEach((to, from, next) => {
  // 在特定路由跳转时刷新页面
  if (to.path === '/your-route') {
    router.go(0);
  }
  next();
});

这样，当您跳转到`/your-route`路径时，页面将会被刷新。

相关问题

vue router 动态路由

Vue Router动态路由是指在Vue项目中根据后端返回的数据来设置路由的一种方式。通常情况下，我们在前端配置路由，但在某些需要权限控制的项目中，我们可能需要根据用户角色或其他条件来动态设置路由。

动态路由设置一般可以分为两种情况。第一种是简单的角色路由设置，例如只根据用户的角色来判断是否显示某个路由或某个路由组件。第二种是复杂的路由权限设置，例如在OA系统中，不同角色的用户可能有不同的权限配置，需要后端返回路由列表，前端根据返回的路由数据来渲染路由和组件。

对于动态路由的实现，可以将后端返回的路由数据格式化成一定的结构，例如一个包含路径、组件、重定向、名称和元数据等信息的对象数组。然后，在Vue Router中通过路由的addRoutes方法将动态路由添加到路由表中。

需要注意的是，页面跳转和路由守卫处理是异步的，当动态路由添加后可能会出现跳转到空白页面的情况。这是因为在执行路由的next()方法时，路由数据可能尚未完全加载。一种解决方法是通过调用window.location.reload()来刷新路由，确保路由数据已经加载完毕。

综上所述，Vue Router动态路由是一种根据后端返回的数据设置路由的方式，可以实现权限控制和灵活的路由配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

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

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