2024年06月23日 建站教程
//vuejs中使用vue-visibility-change全局(局部)监听浏览器页面之间的切换
1、下载vue-visibility-change
npm i vue-visibility-change -S
2、在main.js导入：
import visibility from 'vue-visibility-change';
Vue.use(visibility);
//全局使用
visibility.change((evt, hidden) => {
console.log('global callback: ' + hidden);
});
//如果是局部直接写道页面里（index.vue）
<template>
<div v-visibility-change="change">
...
</div>
</template>
methods:{
change(evt, hidden) {
//hidden为false的时候，表示从别的页面切换回当前页面
//hidden为true的时候，表示从当前页面切换到别的页面
if(hidden === false){
console.log('回到当前页了！')
}
},
}
本文链接：http://so.lmcjl.com/news/7129/