web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. AIGC工具
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站
    手机应用

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

783 ℃

//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的各种介绍

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

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

当前网址:https://ipkd.cn/webs_11.html

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

当前位置: 网站首页 > vuejs
本文共计540个字,预计阅读时长4分钟
生活小工具,收录了80多款小工具
上一篇: 推荐一款可免费商用圆体字库——江城圆体
下一篇: 推荐一款由字制区设计团队的免费综艺字体——字制区喜脉体
x 打工人ai神器