Vue.js——监听弹框页面关闭,回刷原页面
问题需求按钮嵌入另一个系统的页面,在该页面关闭后需要回刷原页面。困难在于链接的目标页面的js不在本系统,只能通过监听页面关闭,再回刷原页面。实现思路通过对象监听方式实现。将链接的目标页面作为对象监听,监听该对象是否关闭,同时判断是否回刷原页面。附上Vue.js代码huishuaOnClick: function() {//将链接目标页面作为对象var spwindow...
·
问题需求
按钮嵌入另一个系统的页面,在该页面关闭后需要回刷原页面。困难在于链接的目标页面的js不在本系统,只能通过监听页面关闭,再回刷原页面。
实现思路
通过对象监听方式实现。将链接的目标页面作为对象监听,监听该对象是否关闭,同时判断是否回刷原页面。
附上Vue.js代码
huishuaOnClick: function() {
//将链接目标页面作为对象
var spwindowObj=window.open({
name: "_blank",
url: "sp/sp/"+ this.ywid + "/" + this.yzzwsList[0].cBh + "/" + this.cbbm+"/2007",
width: 1024,
height: 768,
footerHide:true,
});
//设置循环,没1s进行监听判断spwindowObj是否关闭
var loop = setInterval(function () {
//判断当链接目标窗口关闭,则刷新原页面
if(spwindowObj.closed){
window.location.reload();
}
},1000);
}
更多推荐
已为社区贡献1条内容
所有评论(0)