Vue 监听浏览器各个标签间的切换

Posted 2023-03-14

参考技术A npm i vue-visibility-change -S

import visibility from 'vue-visibility-change';
Vue.use(visibility);

全局：
visibility.change((evt, hidden) =>
console.log('global callback: ' + hidden);
);

局部：
change(evt, hidden)
//hidden为false的时候，表示从别的页面切换回当前页面
//hidden为true的时候，表示从当前页面切换到别的页面
if(hidden === false)
console.log('回到当前页了！')

,

原文链接： https://blog.csdn.net/qq_42720683/article/details/104771260