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

在Vue.js中，可以使用`$router.go(0)`方法来刷新当前页面。因此，可以在`$router.push`方法后调用该方法来实现页面跳转并刷新页面的效果。具体实现方法如下所示：

// 在需要跳转的方法中使用$router.push方法
this.$router.push('/your/path').catch(err => {
  // 处理错误
  console.log(err)
}).then(() => {
  // 跳转成功后刷新页面
  this.$router.go(0)
})

需要注意的是，`$router.push`方法返回一个Promise对象，因此可以使用`catch`方法来处理跳转失败的情况。另外，`$router.go(0)`方法会重新加载当前页面，因此可能会导致数据丢失或其他问题，需要根据具体情况进行处理。

相关问题

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();
   });

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

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

在 Vue.js 的 Nuxt.js 框架中，使用 `this.$router.push` 进行页面跳转后，会直接刷新页面。Nuxt.js 是一个基于 Vue.js 的服务端渲染框架，它的路由跳转默认是通过客户端路由实现的，不会刷新整个页面。

如果你希望在页面跳转后刷新页面，可以考虑以下方法：

1. 使用 `this.$router.push` 进行页面跳转后，结合 `this.$nuxt.$nextTick` 方法来延迟执行刷新操作。例如：

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

这里使用 `this.$nuxt.$nextTick` 方法等待下一次 DOM 更新后再执行刷新操作。

2. 在 `pages` 目录下的目标页面组件中，在 `mounted` 钩子函数中通过 `window.location.reload()` 方法来刷新页面。例如：

   export default {
     // 其他选项...
     mounted() {
       window.location.reload();
     }
   }

这种方式会在每次进入该页面时都触发刷新操作。

需要注意的是，刷新整个页面可能会导致数据丢失，并且不符合 Nuxt.js 的服务端渲染的特点。在大多数情况下，推荐通过 Vue 组件的数据驱动方式来更新页面内容，而不是刷新整个页面。