- 首先需要将要挂载的
html
文件放到public
文件夹中
文章来源地址https://www.toymoban.com/news/detail-581434.html
- 路径的引用形式
<iframe ref="sheet" src="/luckysheet.html" width="100%" height="100%"></iframe>
- 通过绑定 ref 获取到 iframe,data为我需要传递的数据,通过 iframes.postMessage 的方法进行传递。
sentMsgSheet(data) {
const sheetWindow = this.$refs.sheet.contentWindow;
if (sheetWindow) {
sheetWindow.postMessage(data, '*');
}
}
sentMsgSheet([]);
- postMessage 通信具体用法请参考:https://blog.csdn.net/qq_45677671/article/details/128238860
文章来源:https://www.toymoban.com/news/detail-581434.html
到了这里,关于【Vue】 在 vue 中使用 iframe 挂载 html 文件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!