原文:Vue使用iframe加載本地html,並進行通信,傳遞參數

最近做的一個項目,在Vue中要加載本地的html。 vue cli 文件主目錄中包含 public, 所以首先在 public 文件夾下新建 static 文件夾, 然后將html文件及相關引用拷貝到static文件夾下。 在 vue 的文件中添加iframe的對象。 因為項目中要根據菜單點擊來加載不同的html文件, 所以在 onLoad 中根據傳遞的參數不同,設置不同的 src 參數值, 注意 ...

2021-07-28 17:04 0 259 推薦指數:

查看詳情

vue 通過iframe嵌入本地html和外部html

實現方法: 1、在public文件夾下創建static文件夾,static文件夾下放置需要展示的html文件2、在vue頁面中通過iframe嵌入html 3.代碼 ...

Wed Jan 12 01:58:00 CST 2022 0 2202
使用iframe進行單點登錄傳遞cookie

由於公司需求,要求把地址直接放到iframe的src屬性,進行直接跳轉到內部頁面,直接免登錄操作;於是出現了cookie丟失的問題,導致登陸失敗; 從谷歌瀏覽器會發現以下提示 ,意思就是瀏覽器現在加上了SameSite的特性,谷歌瀏覽器的默認屬性是SameSite=Lax,那就是禁止 ...

Thu Nov 12 16:54:00 CST 2020 0 2554
docker使用nginx,並進行掛載nginx.conf並將html文件夾定位到本地

目標:docker拉取nginx,並將本地的nginx.conf和容器內的nginx.conf進行映射,講容器內的html文件夾和本地的文件夾進行映射。 主要命令是 docker -v 宿主機(文件夾/文件):容器(文件夾/文件) 現在宿主機建立 /usr/local/nginx {html ...

Fri Jul 16 18:28:00 CST 2021 0 427
iframe傳遞參數問題

在頁面中嵌入了iframe,如果需要傳遞參數iframe中 1.通過將參數嵌入到url中,在iframe使用${param.xxx}可以獲取 2.通過將參數存入到session中,在iframe使用${sessionScope.xxx}獲取 ...

Fri Apr 22 06:35:00 CST 2016 0 2276
iframe之間傳遞參數

parent.window.frames["iframeRight"].document.getElementById("deviceBuiding").value=$('#deviceBuiding ...

Wed Aug 05 23:45:00 CST 2020 0 923
獲取iframe的元素並進行操作

獲取iframe中的document元素有一下集中方法: 1、getElementById()方法和contentWindow屬性: 注意:上面的 .contentDocument (不能用於IE,因為IE不存在這個屬性)相當於 ...

Fri May 01 05:05:00 CST 2015 0 4440
使用postMessage進行react和iframe的數據通信.md

將react的數據傳遞iframe 1.首先在父組件(react文件)內引入iframe 2.然后在父組件(react文件)內的Button按鈕上綁定點擊事件 3.繼續在父組件(react文件)內編寫handleClick方法,使用postMessage傳遞數據 4. ...

Thu Sep 27 22:40:00 CST 2018 0 3885
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM