Vue中嵌入iframe遇到的問題

2021-09-11 16:28:11 字數 319 閱讀 6818

1.iframe嵌入後在ios中無法滾動的問題。

2.iframe嵌入後,設定高度100%,出現上下滑動輕微晃動的問題。(提供兩種解決辦法,為什麼產生這種晃動的bug還不得而知。)

解決辦法:1.在iframe元件外層再巢狀一層子元件。即把iframe所在元件引入其他子元件,不把iframe元件直接當做子元件嵌入。關於這個方法具體是如何解決的問題還沒研究明白。

2.給iframe加position: absolute。通過測試發現是iframe導致的問題,雖然iframe高度和外層div高度一樣,但就是會莫名輕微晃動。所以給iframe加定位使其脫離文件流,就解決了問題。

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

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

Vue使用iframe嵌入外部HTML檔案

專案開發的過程中,我們不可避免的會引入外部已經寫好的html檔案,那在不同的vue腳手架中如何成功引入html檔案呢?如何獲取到html檔案中的值呢?把要引入的檔案 假設是aaa.html檔案 放到static目錄下,在vue介面中引入 把要引入的檔案放到public目錄下,在vue介面中引入 注意...

vue元件嵌入iframe與其他系統頁面跨域通訊

今天在專案中用到在元件中嵌入iframe呼叫另乙個vue專案中的元件頁面 如上圖,擼主在vue元件中嵌入的iframe.ok,現在我們需要給嵌入iframe中的子頁面 也就是另乙個vue專案中的頁面傳遞資訊 父頁面呼叫就是給iframe的ref賦值,然後我們根據 this.res.iframe.co...