如何处理Vuejs中的浏览器后退按钮单击事件 [英] How to handle on browser back button click event in Vuejs

问题描述

在 Vue 组件中，我想像这样处理浏览器返回事件:

In Vue component, I want to handle on browser back event like this:

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

为了处理浏览器返回事件，我找到了 window.onpopstate 函数，但我不知道如何将它放在 if 语句中.

To handle browser back event, I found window.onpopstate function but I don't know how to put it inside the if statement.

你能告诉我我该怎么办这个案子吗?谢谢！

Can you tell me what should I do on this case? Thank you!

推荐答案

您不需要放入 if 语句中.事件处理程序有点像if 语句".

You don't need to put inside an if statement. The event handler is sort of an "if statement".

看这个例子:

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

这篇关于如何处理Vuejs中的浏览器后退按钮单击事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！