window.open 打开vue路由，并监听页面关闭事件，监听子父页面消息传递

name:路由 query：传递参数

const page2 = this.$router.resolve({name:'addHs',query:{hsCode:row.hsCode}});
var page = window.open(page2.href, 'OpenhsWindows')

创建一个定时器，监听page页面关闭事件，当页面关闭时关闭定时器执行回调函数；

var loop = setInterval(function () {if (page.closed) {clearInterval(loop);callback();}}, 1000);

监听父子页面消息传递-父页面代码

window.addEventListener("message",function(msg){console.log(msg);if(msg.data.type == "xxxxx"){//执行方法}
});

监听父子页面消息传递-子页面代码

window.opener.postMessage({type:"xxxxx",message:"传递消息"}, "*");

window.open 打开vue路由，并监听页面关闭事件，监听子父页面消息传递相关推荐

html5中页面关闭事件监听,JS针对浏览器窗口关闭事件的监听方法集锦
本文实例总结了JS针对浏览器窗口关闭事件的监听方法.分享给大家供大家参考,具体如下: 方式一:(适用于IE浏览器,而且刷新不提示,只在点击浏览器关闭按钮的时候提示) window.οnbefοreun ...
监听关闭页面事件 ajax,Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
网上很多博客说监听窗口关闭事件使用window.beforeunload,但是这个监听事件也会在页面刷新的时候执行,经过百度和自己的实际测试, 终于解决了这个问题,代码如下: mounted() { ...
Vue学习（二）动态绑定与事件监听
v-bind&v-on Day1 文章目录 v-bind&v-on 前言一.V-bind 1.简单实现 2.Class的绑定 2.1对象绑定 2.2数组绑定 3.style的绑定 3 ...
Vue 2 | Part 5 列表渲染和事件监听
之前在vue里面绑定数据,都只是单个地绑定.这期我们来看一下怎样渲染列表,然后通过事件监听方法往列表里面增加item. 列表渲染废话不多说,直接上代码: <div id="app&q ...
Bootstrap modal 关闭事件监听
以下是一个BootStrap modal弹框 <div class="modal fade" id="colorModal" tabindex=" ...
JS做谷歌浏览器关闭事件监听
问题:自动化录制插件开发,每次录制结束,如果直接点击关闭而不通过自动化窗口提供的按钮实现,则下一次窗口打开的时候出现错乱,步骤显示.tabid显示等问题.经过排查,窗口新开是在父级框架,同时正常点击录 ...
html监听页面关闭事件,JS针对浏览器窗口关闭事件的监听方法集锦
本文实例总结了JS针对浏览器窗口关闭事件的监听方法.分享给大家供大家参考,具体如下: 方式一:(适用于IE浏览器,而且刷新不提示,只在点击浏览器关闭按钮的时候提示) window.οnbefοreun ...
javaScript如何监听浏览器关闭事件
转载链接:http://www.cnblogs.com/Tim_Liu/archive/2010/11/09/1872596.html 最近写东西的时候发现需要对浏览器的关闭进行监听, 当用户关闭的时 ...
js监听浏览器关闭事件(区分刷新和关闭,兼容IE9,10,11,Edge，Chrome和Firefox)
由于各浏览器兼容性不同,所以首先要先区分各浏览器 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = use ...

window.open 打开vue路由，并监听页面关闭事件，监听子父页面消息传递

window.open 打开vue路由，并监听页面关闭事件，监听子父页面消息传递相关推荐

最新文章

热门文章