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模板容器外后，問題修復