router-link 跳转页面刷新

router-link 是 Vue.js 中用于创建链接的组件，用于实现页面之间的导航。它默认采用了前端路由的方式进行页面之间的切换，而不会触发整个页面的刷新。

如果你希望在点击 router-link 进行页面跳转时刷新页面，可以尝试以下方法：

1. 使用 key 属性：给 router-view 组件添加一个唯一的 key 值，当路由切换时，key 值发生变化，会触发组件的重新渲染，从而达到刷新页面的效果。例如：

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

2. 调用 window.location.reload() 方法：在 router-link 的点击事件中，手动调用 `window.location.reload()` 方法重新加载当前页面。例如：

<router-link to="/home" @click="refreshPage">Home</router-link>

methods: {
  refreshPage() {
    window.location.reload();
  }
}

这样点击 router-link 时会触发页面的刷新。

希望对你有所帮助！如果有更多问题，请随时提问。

相关问题

router-link跳转页面不刷新亚眠

您可以尝试在使用`router-link`进行页面跳转时添加`key`属性来解决页面不刷新的问题。`key`属性可以确保每次跳转时都会重新加载组件。

例如：

<router-link to="/your-route" key="your-key">跳转到页面</router-link>

其中，`your-route`是您要跳转的路径，`your-key`是一个唯一的标识符，每次跳转时都需要修改该值。

希望这对您有帮助！如果还有其他问题，请随时提问。

vue router-link页面跳转并刷新跳转页面

在 Vue 中使用 `vue-router` 跳转页面时，默认情况下是不会刷新页面的。如果需要在跳转页面时刷新页面，可以使用以下方法：

1. 利用 `key` 属性强制组件重新渲染：在 `router-link` 标签上添加 `:key="$route.fullPath"` 属性，这样在路由发生变化时，组件会重新渲染，从而达到刷新页面的效果。

<router-link :to="{ path: '/example' }" :key="$route.fullPath">跳转到 Example 页面</router-link>

2. 利用 `watch` 监听 `$route` 对象的变化：在组件内部添加以下代码，当 `$route` 对象发生变化时，执行 `window.location.reload()` 方法刷新页面。

watch: {
  $route: function() {
    window.location.reload();
  }
}

以上两种方法都可以实现页面跳转并刷新跳转页面的效果，具体使用哪种方法，可以根据具体场景选择。