当其选项卡的内容变得可见或被隐藏时,会在文档上触发 visibilitychange
(能见度更改)事件。
visibilitychange - Web API 接口参考 | MDN
created() {
// 浏览器切换到当前tab浏览页调用
document.addEventListener("visibilitychange", this.visibilitychange);
this.$once("hook:beforeDestroy", () => {
document.removeEventListener("visibilitychange", this.visibilitychange);
});
},
methods:{
visibilitychange() {
if (document.visibilityState === "visible") {
// 操作内容自定义
}
}
}