this.$router.push跳转页面后并刷新页面

在 Vue.js 中，`this.$router.push` 方法会进行页面的跳转，但不会刷新页面。如果你希望在页面跳转后刷新页面，可以考虑使用以下方法：

1. 通过给 `this.$router.push` 方法传递一个新的 `key` 参数来实现强制刷新。例如：

   this.$router.push({
     path: '/your-path',
     query: { key: Math.random() }
   });

在目标页面中，可以通过 `this.$route.query.key` 获取到 `key` 的值，并在页面的某个地方使用该值，触发页面重新渲染。

2. 使用 `window.location.reload()` 方法来刷新页面。在跳转完成后，可以手动调用该方法来刷新当前页面。例如：

   this.$router.push('/your-path').then(() => {
     window.location.reload();
   });

注意，这种方式会刷新整个页面，可能导致数据丢

相关问题

vue this.$router.push 跳转后，刷新页面

在Vue中，使用`this.$router.push`进行路由跳转后，默认情况下是不会刷新页面的。这是因为Vue是一种单页面应用（SPA）框架，它通过动态更新DOM来实现页面的切换，而不是通过传统的页面刷新方式。

如果你想在路由跳转后刷新页面，可以使用以下两种方法：

1. 利用`location.reload()`方法手动刷新页面：

   this.$router.push('/your-route')
   location.reload()

这种方法会重新加载整个页面，包括重新执行Vue的初始化过程。

2. 使用`<router-view>`组件的`key`属性来强制刷新：

   <router-view :key="$route.fullPath"></router-view>

在路由跳转时，通过给`<router-view>`组件的`key`属性绑定当前路由的完整路径`$route.fullPath`，可以强制刷新组件，达到刷新页面的效果。

this.$router.push 后刷新页面

this.$router.push()方法在页面跳转后不会自动刷新页面。如果你希望在页面跳转后刷新页面，你可以使用watch来监听$route的变化，然后在回调函数中执行需要的操作。具体实现步骤如下：

1. 在需要刷新的页面的组件中，添加一个watch对象，并监听$route的变化。
2. 在watch的回调函数中，可以执行需要的刷新操作，例如重新获取数据或者重新渲染页面。

以下是一个示例代码：

watch: {
  $route() {
    // 页面跳转后需要进行的操作
    // 例如重新获取数据或者重新渲染页面
  }
}

通过这种方式，当使用this.$router.push()方法进行页面跳转时，页面将会在跳转后进行刷新操作。