admin管理员组

文章数量:1536107

前提，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('离开当前页了！')

        }

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

        if(h

本文标签： 页面路由浏览器

版权声明：本文标题：【前端】监听页面切换--浏览器页面间切换，路由切换，导航守卫页面刷新或关闭 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1725799406a1043377.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。