【前端】监听页面切换--浏览器页面间切换，路由切换，导航守卫页面刷新或关闭

前提，PC端应用

一，监听浏览器页面间切换

场景：浏览器某一个页面A，PC端页面B，页面AB间切换

方案：

1.使用vue-visibility-change

安装：

npm i vue-visibility-change -S

2.导入main.js

import visibility from 'vue-visibility-change';

Vue.use(visibility);

3.使用

i，全局使用：

main.js

visibility.change((evt, hidden) => {

  console.log('global callback: ' + hidden);

});

ii，局部使用

XXX.vue

<template>

    <div v-visibility-change="change">

        ...

    </div>

</template>

methods:{

    change(evt, hidden) {

        //hidden为true的时候，表示从当前页面切换到别的页面

        if(hidden === true){

          console.log