s.$router.push访问后刷新界面
时间: 2023-07-05 19:17:01 浏览: 157
vue两组件间值传递 $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 来管理数据。
阅读全文