vuejs中使用vue-visibility-change全局(局部)监听浏览器

//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('回到当前页了！')
        }
    },
}

浏览器网页无法打开一般有哪些原因导致的，解决方法介绍

js如何判断浏览器是否支持html5？

nodejs如何读取/修改/监听文件流

常用浏览器User-Agent的各种介绍

react如何利用addEventListener监听关闭Modal弹框

标签： 全局, 浏览器, 监听

上面是“vuejs中使用vue-visibility-change全局(局部)监听浏览器”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_8.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！