父元件巢狀iframe,解決瀏覽器後退問題

2021-10-12 07:21:02 字數 696 閱讀 3851

父元件和iframe通訊問題,父元件:在mounted中監聽message事件

父元件

mounted()

)}

iframe
watch:

// 傳參給父頁面

window.parent.

postmessage

(json

.stringify

(obj)

,'*')}

}}

解決:瀏覽器原生後退按鍵,只是後退了iframe

父元件

// 儲存key為時間戳

// 結構

:src=

"src"

:key=

"timer"

frameborder=

"0" @onpopstate=

"goback()"

>

<

/iframe>

// script

// 定義乙個變數

private timer:number

@watch

('$route',)

onchildchanged

(newval: any)

// ps:我這裡使用的是 ts + vue-property-decorator,請自行轉換

iframe巢狀iframe往父窗體傳值

第乙個iframe function closenewwin username,showuname,taskpeotime 第二個iframe function closeframe username,showuname,taskpeotime userinput中對應的方法 function cl...

iframe巢狀 子頁面 父頁面相互取元素和方法

小夥伴們經常在實際專案中會用到iframe巢狀頁面,當然很多時候會需要子頁面呼叫用父頁面的元素和父頁面呼叫子頁面的元素 還有方法 直接上 只介紹jquery因為比較簡單 1.父頁面獲取子頁面元素 格式 iframe的id contents find iframe中的控制項id click 例項 if...

Vue解決子元件修改父元件props引數不可逆問題

直接賦值props裡面資料會導致如下錯誤 解決這個bug有以下兩種方法,一 使用 emit函式 1 父元件可以使用 props 把資料傳給子元件。2 子元件可以使用 emit 觸發父元件的自定義事件 修改後 父元件 html methods methods 子元件 this.emit showsub...