如何在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));
   };
}