vue 项目中iframe嵌入html页面

vue 项目中iframe嵌入html页面

需求：把 https://cron.qqe2.com/ 的cron表达式嵌入到项目中

（1）将页面保存到本地

（2）将文件放到项目中，路径如下： 项目名\public\cron

（3）在需要嵌入cron控件的页面上添加iframe，嵌入页面，注意要设置iframe的宽高。

<div class="taskPlan" :model="taskPlanTimeForm" ref="taskPlanTimeForm">
        <iframe :src="reportUrl" frameborder="0" style="width:100%;height:100%;" id="iframeBox"></iframe>
</div>

  // iframe路径
  reportUrl: "./cron/cron.html",

如上就可显示嵌入的cron页面。