当前位置: 首页> 汽车> 报价 > 在线seo诊断_超级外链工具_vivo应用商店_阿里巴巴国际站

在线seo诊断_超级外链工具_vivo应用商店_阿里巴巴国际站

时间:2025/7/9 22:00:42来源:https://blog.csdn.net/emoji111111/article/details/147297078 浏览次数: 0次
在线seo诊断_超级外链工具_vivo应用商店_阿里巴巴国际站
1、引入原生html

将该文件放到public目录下,在vue项目里面使用iframe 引入该文件,监听load事件(load事件在<iframe>的内容完全加载完成之后触发)

  <iframe@load="onIframeLoad"style="width: 454px; height: 480px"src="../../../public/Sample/test.html"frameborder="0"></iframe>
2、html文件操作完成后,通过postMessage向.vue文件传递信息
//html文件的保存事件
function submitEvent()
{close();//id的值,根据自己需要获取window.parent.postMessage({ action: 'close', id: '01234564789'}, '*');
}
3、在vue文件里面,文件加载完成后,添加对‘message’事件的监听,监听完成后,进行相应的操作
const onIframeLoad = () => {window.addEventListener("message", handleMessage);
};
const handleMessage = (event) => {if (event.data.action == "close") {console.log(event.data.id)}
};
4、移除事件监听器 
onUnmounted(() => {// 组件销毁前移除事件监听器window.removeEventListener("message", handleMessage);
});
关键字:在线seo诊断_超级外链工具_vivo应用商店_阿里巴巴国际站

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: