vue-router：使用浏览器后退按钮时跳过页面

Question

我有一个＆＃34; Home＆＃34;页面和＆＃34;成功＆＃34;我的申请中的页面。

“成功”页面有一个按钮，点击该按钮后，会通过https://google.com转到window.location.href='https://google.com'这样的网址。

我可以在主页上启动，使用vue-router推送到Success页面，然后单击按钮转到URL。但是，当我按下浏览器的后退按钮时，我希望它返回主页而不是成功页面。

我该怎么做？

Answer 1

假设您的javascript位于Vue实例中，您可以在设置$router.replace之前添加对window.location.href的调用。

它看起来像这样：

methods: {
  onLinkClick() {
    this.$router.replace({ name: 'home' }); // or whatever your home page name is
    window.location.href='https://google.com';
  }
}

这是vue-router programmatic navigation的文档。