推荐插件
vue-visibility-change
使用方式
安装
npm i vue-visibility-change
全局使用
import Vue from 'vue'
import visibility from 'vue-visibility-change'
Vue.use(visibility)
const listenPageVisible = visibility.change((evt, hidden) => {
console.log('隐藏: ' + hidden)
})
局部使用
<template>
<div v-visibility-change="listenVisible"></div>
</template>
<script>
export default {
methods: {
listenVisible(evt, hidden) {
console.log('隐藏: ' + hidden)
}
}
}
</script>