博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue中使用vue-visibility-change监听浏览器页面之间的切换
阅读量:3931 次
发布时间:2019-05-23

本文共 576 字,大约阅读时间需要 1 分钟。

需求:

A、B两个页面,从A页面切换到B页面,在B页面做完操作再切换回A页面,A页面需要执行相关的操作

A ---> B(一些操作) ---> A(执行某些操作)

解决方案:

使用vue-visibility-change

下载:

$ npm i vue-visibility-change -S

导入:

main.js:

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

使用:

全局使用:

main.js

visibility.change((evt, hidden) => {  console.log('global callback: ' + hidden);});

局部使用:

index.vue

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

 

 

 

 

 

转载地址:http://trtgn.baihongyu.com/

你可能感兴趣的文章
java读取和修改ini配置文件实例代码
查看>>
setsockopt 设置socket 详细用法
查看>>
在局域网中实现多播功能
查看>>
什么叫组播地址(Multicast Address )?
查看>>
掌握IP地址知识 子网掩码与子网划分
查看>>
组播地址,IP组播地址
查看>>
什么是组播
查看>>
组播通信
查看>>
Linux网络编程一步一步学-UDP组播
查看>>
Linux C编程---网络编程
查看>>
在Linux创建库函数(1)
查看>>
在Linux创建库函数(2)
查看>>
在Linux创建库函数(3)
查看>>
多VLAN环境下DHCP服务的实现
查看>>
Java实现文件拷贝的4种方法
查看>>
在pb11中将C/S程序转换到B/S的步骤
查看>>
PowerDesigner教程系列(二)概念数据模型
查看>>
从PowerDesigner概念设计模型(CDM)中的3种实体关系说起
查看>>
SQL Server 2000中查询表名
查看>>
第一个go程序连接mysql读取数据
查看>>