$router.replace 后 Vue 组件导航失败

Question

我有一个 Vue 组件，用户可以在其中编辑或删除项目。如果项目计数变为零，请执行this.$router.replace("routeName") 以显示下一个视图。 我遇到的问题是单击我们内置的后退按钮（调用this.$router.go(-1)）或浏览器后退按钮（Firefox/Chrome）会更改浏览器地址输入中的路由，但不会在路由器视图中显示预期的组件.

它的行为有点不一致。浏览器开发工具控制台中没有显示 javascript 错误。是否有任何已知问题或想法为什么会出现这种情况？我们在应用程序的其他地方使用 this.$router.replace("routeName") 没有问题。

编辑：这可能是浏览器和缓存的问题？在 Chrome 中进行硬刷新（并删除缓存），并在 Firefox 中删除所有缓存的对象似乎可以解决问题。

Answer 1

您可能想改用$router.push()，因为replace() 不会向历史记录添加条目。因此，之前的路线可能与预期不同，从而导致错误行为。