如何处理Vuejs中的浏览器后退按钮单击事件

Question

在Vue组件中，我想像这样处理浏览器后退事件：

mounted() {
  if ([browser back]) {
    console.log("browser back button clicked")
  } else {
    console.log("stay here")
  }
}

要处理浏览器后退事件，我发现了window.onpopstate函数，但是我不知道如何将其放在if语句中。

您能告诉我在这种情况下该怎么办吗？谢谢！

Answer 1

您不需要放入if语句。事件处理程序有点像“ if语句”。

请参见以下示例：

mounted() {
   // if back button is pressed
   window.onpopstate = function(event) {
     alert("location: " + document.location + ", state: " + JSON.stringify(event.state));
   };
}