Vue使用iframe嵌入外部HTML檔案

專案開發的過程中，我們不可避免的會引入外部已經寫好的html檔案，那在不同的vue腳手架中如何成功引入html檔案呢？如何獲取到html檔案中的值呢？

把要引入的檔案（假設是aaa.html檔案）放到static目錄下，在vue介面中引入：

另外，還可以給iframe設定寬度和高度等一些屬性，例如：

var th = document.getelementbyid('iframeid').contentwindow.document.getelementsbyname('th')

console.log(th)

修改iframe的引入：

var th = document.queryselectorall('th')

const obj1 = window.frames['mainiframe'] // 獲得對應iframe的window物件

console.log(obj1.th)

vue專案iframe的傳值問題

vue 使用iframe載入外部html

經過我反覆載入，我發現問題1的解法是錯誤滴，但是對於一些介面不是很長的可以適用，在這裡不刪除，做個教材。問題1 iframe高度動態調整 自適應 以載入 為例 做完這些，載入出來的介面高度明顯小了不止一點，所以下面這塊才是關鍵。mounted 問題1修整 原來的配方加點料 load setinfra...

vue使用iframe嵌入html，js方法互調

前段時間 使用h5搞了個用cesium.js做的地圖服務功能，後來想整合到vue專案，當然最簡單的就是iframe直接拿來用了。但html和vue的方法互動就是成了問題，vue呼叫html種方法還好，尤其是html呼叫vue中的方法當初就沒有解決，忙著專案上線直接搞了個setinterval不停輪詢...

Vue中嵌入iframe遇到的問題

1.iframe嵌入後在ios中無法滾動的問題。2.iframe嵌入後，設定高度100 出現上下滑動輕微晃動的問題。提供兩種解決辦法，為什麼產生這種晃動的bug還不得而知。解決辦法 1.在iframe元件外層再巢狀一層子元件。即把iframe所在元件引入其他子元件，不把iframe元件直接當做子元件...