element ui message 在iframe 中被遮挡的问题 - qingqinggit/- GitHub Wiki

Vue.prototype.$message1 = function (msg:any,type:any) {//适用 iframe 
	this.$message.closeAll();
	this.$message({message: msg,type:type?type:'info',duration:1500});
	let topHeight = window.top.pageYOffset;
  let styleTop =document.getElementsByClassName('el-message');
  // @ts-ignore
	styleTop[0].style.top=(topHeight+100)+'px';
	window.top.onscroll= function(){
		if(!styleTop[0]){return;}
    //变量t是滚动条滚动时，距离顶部的距离
    var t = window.top.document.documentElement.scrollTop||window.top.document.body.scrollTop;
    // @ts-ignore
    styleTop[0].style.top=(t+100)+'px';
	}
}