欢迎来到CMS的世界,我们开始吧!
您当前的位置:首页 > vuejs

vuejs中使用vue-visibility-change全局(局部)监听浏览器页面之间的切换

2020-10-29    来源:CMS代码    浏览次数:

下面 CMS代码网为大家介绍一下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('回到当前页了!')
        }
    },
}

上面是关于“vuejs中使用vue-visibility-change全局(局部)监听浏览器页面之间的切换”的详细介绍,想了解更多关于vuejs内容,请继续关注 CMS代码网!

最新文章

回到顶部