问题需求
嵌入其他系统页面,页面关闭后需刷新原页面
实现思路
在链接处监听嵌入页面是否有返回数据(或者消息等),在监听中设置缓存,在需刷新的原页面监听缓存中对应内容,进行刷新操作。
监听操作均在Vue.js的mounted生命周期中进行
附上Vue.js代码
- 监听嵌入页面返回的数据信息,并在缓存中设置reloadYym
mounted:function (){
window.addEventListener('message',function(e){
if(e.data=='close'){
parent.Artery.close();
localStorage.setItem("reloadYym",new Date().getTime());
- 在需刷新的原页面中监听缓存中信息reloadYym
mounted:function(){
window.addEventListener("storage",function (e) {
if(e.key=='reloadYym'){
window.location.reload();
}
});
},