Vue路由器上一页，无需重新加载

Question

我正在尝试使用vuejs中的vue-router创建一个后退按钮以转到上一页，它的工作原理与浏览器的后退按钮完全一样。 问题是，当路由器使用历史记录模式时，

this.$router.go(-1);

它实际上会刷新页面，这很烦人，而浏览器的“后退”按钮却没有。 如果删除历史记录模式，则它会按预期工作，就像浏览器的“后退”按钮一样。 但是，在这种情况下，我需要处理URL中的丑陋标签。 另外，由于我只需要在几个页面上使用此按钮，所以我也可以使用“保留历史记录”模式，但不必使后退按钮实际转到上一页，而是可以切换一些值来更改显示哪个动态组件，但是实际不更改当前页面。 但是，如果执行此操作，浏览器的后退按钮将无法再按预期工作，因为它显然无法切换状态。

有什么方法可以使按钮的功能与浏览器的后退按钮完全相同？ 像这样，创建一个后退按钮，它不会刷新页面，在URL中没有井号标记，并且仍然可以与浏览器的后退按钮一起使用吗？

编辑：将要删除，因为我意识到这不是代码的问题，这是测试的问题，但是我会保留在这里，以防万一它对某人有用。 当我使用后退按钮转到路线时，没有按钮可以转到该路线，因此我需要直接将其输入URL。 但是，这有效地擦除了所有存储的状态，因此我的后退按钮无法正常工作。 如果我从另一个页面导航到该页面，那么我的后退按钮将按预期工作。

Answer 1

您可以使用window.history.back()直接模拟点击浏览器的后退按钮。

Answer 2

这样尝试

 this.$router.back()