vue.js - 如何在Vuejs中处理浏览器后退按钮单击事件
问题描述
在 Vue 组件中,我想像这样处理浏览器返回事件:
mounted() {
if ([browser back]) {
console.log("browser back button clicked")
} else {
console.log("stay here")
}
}
为了处理浏览器返回事件,我找到了window.onpopstate
函数,但我不知道如何将它放在if
语句中。
你能告诉我这个案子我该怎么办吗?谢谢!
解决方案
您不需要放入 if 语句。事件处理程序是一种“if 语句”。
看这个例子:
mounted() {
// if back button is pressed
window.onpopstate = function(event) {
alert("location: " + document.location + ", state: " + JSON.stringify(event.state));
};
}
推荐阅读
- r - 如何在ggplot中控制没有边距的图表区域高度?
- sql - SELECT ANY TABLE 权限在 Oracle 中如何工作?
- excel - VBA - 从 XLSX 中删除可以在单元格中找到特定文本的行
- java - 是否可以在@WebInitParam 中动态获取值?
- angular - To call different dialog window based on the button present in the component
- apache-spark - 在 YARN 中启用 CPU 调度真的会改善 Spark 中的并行处理吗?
- c# - 如何同时显示来自服务器端流畅验证和客户端验证的错误消息?
- javascript - Angular 6 - 在构造函数中对订阅函数进行单元测试
- r - 构建一个计算多个向量元素的函数
- ios - VerticalCardSwiper 显示错误。显示我写的下面的代码是零