为什么我的组件里有一个按钮,点击触发router.push('')的方法,跳转到和这个组件同级的另一个组件上,可是我点击按钮后,却并没有跳转到我想要的组件上,而是一片空白,此时当我点击浏览器的刷新按钮,它就能够顺利的显示出来了,这是什么原因?
时间: 2023-08-05 09:10:28 浏览: 191
vue-router3.0版本中 router.push 不能刷新页面的问题
这可能是因为你使用了`router.push('')`方法进行路由跳转,但是你没有指定目标路由的路径。在这种情况下,它会跳转到当前路由的路径,也就是当前页面,导致出现一片空白。当你刷新页面时,它会重新加载当前路由,然后正确地显示出来。
解决方法是确保你在`router.push()`方法中指定了目标路由的路径。比如:
```
router.push('/target-route');
```
另外,你也可以在`<router-link>`中使用`to`属性指定目标路由的路径,它会自动处理路由跳转并解决这种问题。
阅读全文