s.$router.push访问后刷新界面

在 Vue.js 中，使用 `$router.push` 方法进行页面跳转时，如果希望跳转后立即刷新页面，可以在目标页面的 `created` 钩子函数中，使用 `window.location.reload()` 方法来实现。

具体步骤如下：

1. 在目标页面中，添加 `created` 钩子函数：

created() {
  window.location.reload();
}

2. 在源页面中，使用 `$router.push` 方法进行跳转：

this.$router.push('/target-page');

这样，在跳转到目标页面后，页面会立即刷新。但是需要注意，这种刷新方式会导致页面的数据丢失，需要重新加载数据。如果不希望丢失数据，可以考虑使用 Vue.js 的状态管理工具 Vuex 来管理数据。

相关问题

this.$router.push 当前页面不刷新

this.$router.push 当前页面不刷新的解决方式有以下几种：

1. 使用router.replace()方法代替this.$router.push()方法，这样可以实现跳转但不刷新页面。

this.$router.replace('/path')

2. 在this.$router.push()方法中添加一个随机参数，例如时间戳，以确保每次跳转都是一个新的URL，从而达到不刷新页面的效果。

this.$router.push({ path: '/path', query: { timestamp: new Date().getTime() } })

3. 使用this.$router.go(0)方法刷新当前页面，该方法会重新加载当前页面，实现页面刷新的效果。

this.$router.go(0)

4. 在router-view组件上添加一个唯一的key属性，当路由发生变化时，key属性的变化会导致组件重新渲染，从而实现页面刷新的效果。

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

5. 使用watch监听$route对象的变化，当路由发生变化时，执行相应的操作，例如重新获取数据或刷新页面。

watch: {
  $route(to, from) {
    // 执行相应的操作
  }
}

6. 使用beforeRouteUpdate钩子函数，在路由更新之前执行相应的操作，例如重新获取数据或刷新页面。

beforeRouteUpdate(to, from, next) {
  // 执行相应的操作
  next()
}

7. 使用activated钩子函数，在组件被激活时执行相应的操作，例如重新获取数据或刷新页面。

activated() {
  // 执行相应的操作
}

8. 使用keep-alive组件将需要保持状态的组件包裹起来，这样在路由切换时，组件的状态会被保留，从而实现页面不刷新的效果。

<keep-alive>
  <router-view></router-view>
</keep-alive>

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`，可以强制刷新组件，达到刷新页面的效果。