this.$router.push刷新页面

你可以使用`this.$router.push`来进行路由跳转，但它不会刷新页面。如果你想刷新页面，可以尝试以下方法：

1. 使用`window.location.reload()`来重新加载当前页面。

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

2. 在路由跳转时添加一个查询参数，然后在目标路由的生命周期钩子中使用该参数来触发页面刷新。

   // 在原始路由中
   this.$router.push({ path: '/target-route', query: { refresh: true } })
   
   // 在目标路由的生命周期钩子中
   beforeRouteEnter(to, from, next) {
     if (to.query.refresh) {
       next(vm => vm.$nextTick(() => window.location.reload()))
     } else {
       next()
     }
   }

这些方法可以帮助你实现在路由跳转时刷新页面的效果。

相关问题

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

在Vue.js中，this.$router.push方法只负责路由的跳转，不会触发页面的刷新。如果你希望在页面跳转后进行刷新，可以使用其他方法来实现。

一种常见的方式是，在路由跳转后手动刷新页面。你可以使用window.location.reload()方法来实现页面的刷新，如下所示：

// 在路由跳转之后手动刷新页面
this.$router.push('/your-route')
  .then(() => {
    window.location.reload();
  });

另一种方式是，在路由配置中添加一个参数，并在路由跳转时更新该参数的值，从而触发页面的刷新。具体实现如下：

首先，在路由配置中添加一个参数（比如叫做refresh），并设置默认值为false：

// 路由配置
{
  path: '/your-route',
  name: 'YourRoute',
  component: YourComponent,
  meta: {
    refresh: false
  }
}

然后，在路由跳转时更新该参数的值：

// 在路由跳转之前更新参数值
this.$router.push({
  name: 'YourRoute',
  query: {
    refresh: true
  }
});

最后，在组件的created钩子函数中监听该参数的变化，一旦参数值发生变化，就进行刷新操作：

// 在组件中监听参数变化，并进行刷新操作
created() {
  this.$route.query.refresh && window.location.reload();
}

这样做的原理是，通过改变路由参数的值来触发组件的重新创建，从而达到刷新页面的效果。

this.$router.push 后刷新页面

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

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

以下是一个示例代码：

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

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