this.$router.go 只刷新了没有跳转页面
时间: 2023-10-31 20:48:25 浏览: 134
this.$router.go 是 Vue Router 提供的方法,用于在当前页面进行跳转或刷新。如果你只调用了 this.$router.go(0) 而没有指定跳转的路径,则只会刷新当前页面而不会跳转到其他页面。
如果你想要跳转到其他页面并刷新,可以使用 this.$router.push 方法,例如:this.$router.push('/other-page')。这样会跳转到指定的页面,并刷新该页面。
另外,如果你想要在当前页面进行一些操作后再刷新,可以使用 this.$router.replace 方法,例如:this.$router.replace('/current-page')。这样会重新加载当前页面。
希望能帮到你!如果还有其他问题,请继续提问。
相关问题
this.$router.go带参数
this.$router.go方法是用来在路由之间进行跳转的,但它不支持直接传递参数。如果你需要在路由之间传递参数,可以使用this.$router.push方法。这个方法可以在跳转时携带参数,并将参数添加到url中。例如,你可以使用以下代码进行跳转并传递参数:
this.$router.push({ path: '/test', query: { userId: 123, userName: 'xia' } });
在目标路由的组件中,你可以通过this.$route.query来获取传递过来的参数。例如,你可以使用this.$route.query.userId来获取userId参数的值,使用this.$route.query.userName来获取userName参数的值。这些参数的值在页面刷新时不会丢失。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue-router传递参数方法(3种)](https://blog.csdn.net/wenmin1987/article/details/108816237)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
vue跳转this.$router.push()同一路由如何强制刷新页面
在 Vue 中,可以使用 `this.$router.push()` 进行路由跳转。如果希望在同一路由下强制刷新页面,可以使用以下方法:
1. 使用 `this.$router.go(0)`:这将重新加载当前页面,类似于用户点击浏览器的刷新按钮。可以在路由跳转之后调用 `this.$router.go(0)` 来实现强制刷新。
```javascript
this.$router.push({ path: '/your-route' })
this.$router.go(0) // 强制刷新页面
```
2. 使用 `key` 属性:Vue 提供了 `key` 属性,可以在组件上设置一个唯一标识符,当 `key` 值发生变化时,组件将被销毁并重新创建,从而达到强制刷新的效果。
```javascript
<router-view :key="$route.fullPath"></router-view>
```
在路由跳转时,修改 `$route.fullPath` 的值,即可触发组件的销毁与重建,达到强制刷新的效果。
这些方法可以在 Vue 中实现同一路由下的强制刷新页面。
阅读全文