VUE监听当前显示页面切走和移回

安装依赖

$ npm i vue-visibility-change -S

main.js引用

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

全局使用在main.js引入

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

局部使用

<template>
    <div v-visibility-change="change">
        ...
    </div>
</template>

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