在做專案時,發現公司的專案組成是 vue的選單框架 + iframe 的頁面巢狀
這樣的好處是便於控制專案的授權,以及控制vue單頁面專案的龐大性.
隨之而來的問題是: 當內嵌的 iframe 頁面跳轉到另乙個 內嵌的 iframe 頁面時,左側的 menu 選單沒有改變,無法同步.
因為是所屬不同的頁面,vue 框架無法去接收到 內嵌 iframe 改變的變化
是內嵌的 iframe ,也無法使用元件傳值,vuex傳值等.
很困擾!
正值公司做技術變革,統一前端網域名稱.
誒,統一網域名稱,我突然想到乙個好用的方法!
web storage 事件通知機制
當同一網域名稱的情況下,電腦上本地儲存的資料是可以共享的,那麼,即使是多個不同的頁面,資料也是可以傳送的.
只要在 框架vue 頁面上監聽特定的本地儲存資訊,那麼在其他頁面時改變這特定的本地儲存資訊時,框架頁面便會接收到改變資訊的狀態,即可更改選單menu的選中狀態.
框架頁面 demo.html:
window.addeventlistener("storage", callback, false
);
function
callback(se)
}
內部嵌入iframe 頁面 iframe.html:
改變儲存注意:檔案的路徑自行修改!
效果:
flex 3如何通過iframe嵌入html網頁
網上有很多文章寫flex嵌入網頁的方法,不過這裡介紹一種普遍的做法。就是靠嵌入網頁的辦法，找到乙個flex的iframe自定義類,比較好用。新建包com.google.code.flexiframe 將兩個檔案複製到新建包中 在需要用的mxml中加入xmlns local com.google.co...
如何實現iframe 嵌入式幀 的自適應高度
如何實現iframe 嵌入式幀 的自適應高度 2007 05 08 17 05 好幾次看到有人提問問到如何實現 iframe 的自適應高度，能夠隨著頁面的長度自動的適應以免除頁面和 iframe 同時出現滾動條的現象，剛好我在工作中也碰到了類似問題，於是上網翻查，東抄抄西看看，弄出來這麼乙個函式，貼...
當框架iframe沒有id時，如何識別並切換
如圖 這個時候我們可以通過將框架iframe的定位賦值給乙個變數variable 然後再通過呼叫switch to.frame variable 來識別並切換框架，即 variable driver.find element by css selector iframe src html drive...