Vue是一個流行的JavaScript框架，被廣泛應用于構建Web界面。Vue支持如IE9等比較舊的瀏覽器版本，但是在使用Vue時，我們經常會遇到一些問題。在本文中，我們將討論Vue中的iframe在IE瀏覽器下存在的問題。

在Vue中，我們經常需要使用iframe來嵌入其他網頁或展示一些可嵌入的內容。然而在IE瀏覽器下，我們發現有時候iframe無法正常工作。這是因為IE瀏覽器存在一些限制和錯誤，導致iframe無法正確加載和顯示內容。

<template>
<div id="main">
<iframe src="https://www.example.com"></iframe>
</div>
</template>
<script>
export default {
mounted () {
var iframeElement = document.querySelector('iframe');
iframeElement.onload = function () {
console.log('iframe loaded');
};
}
}
</script>

在IE瀏覽器下運行以上代碼時，我們可能會遇到“Access Denied”或“Permission Denied”等錯誤信息，導致iframe無法加載。這是因為IE瀏覽器對跨域訪問的限制較為嚴格，而Vue中的iframe默認會被視為跨域訪問。因此我們需要進行一些額外的配置來解決這個問題。

解決方法是在iframe的源地址（src）中添加一個“/proxy/”路徑，然后在服務器端進行路由代理。這樣可以使我們在IE瀏覽器下正常地加載和展示iframe中的內容。同時，我們還需要在Vue的配置文件中添加一個“crossorigin”選項，以確保IE瀏覽器可以正確地處理跨域訪問。

<template>
<div id="main">
<iframe src="/proxy/https://www.example.com"></iframe>
</div>
</template>
<script>
export default {
mounted () {
var iframeElement = document.querySelector('iframe');
iframeElement.onload = function () {
console.log('iframe loaded');
};
},
crossorigin: 'use-credentials'
}
</script>

以上代碼顯示了在Vue中正確配置和使用iframe的方法，可以確保在IE瀏覽器下正常顯示內容。我們需要在服務器端配置一個代理路由，將請求轉發到原始源地址（source URL）。

總之，雖然Vue支持大部分舊瀏覽器，但在使用Vue中的iframe時，我們需要特別小心IE瀏覽器的緊限制。通過在源地址中添加代理路徑和在Vue配置文件中添加“crossorigin”選項，我們可以在IE瀏覽器中解決許多跨域訪問問題。