Iframe 加载页面之Safari 兼容问题记录

场景：

　　项目由tab进行导航，点击分别跳转到不同项目，各项目通过iframe加载

问题：

　　Safari浏览器环境，点击tab出现重复加载异常导致加载失败（如下图），经过调整后，又出现以弹出窗口方式加载项目

　　

 

 

Form提交方式：（伪代码）

<form target="iframename" action="***/***.action" method="post">
　　<input name="userName"/>
</form>
<iframe name="iframename" style="display: none;"></iframe>

原因详情：

    1、整个页面是Vue进行初始化的，容器内容皆为模板，会被构建为虚拟DOM

    2、Safari有关资料说（不完全肯定），js创建的iframe元素name会失效，故表单的target指向便无目标，出现弹出窗口问题

    3、iframe放到Vue模板容器外后，问题修复