vue中巢狀的iframe中控制路由的跳轉及傳參

2022-07-04 12:54:07 字數 576 閱讀 6840

在iframe引入的頁面中,通過事件觸發的方式進行傳遞引數,其中data是乙個識別符號的作用,在main.js中通過data進行判斷,params是要傳遞的引數

//

iframe向vue傳遞跳轉路由的引數

$('#serveripanalysis').click(function

(),'*');

})

在vue專案的main.js中,在頁面載入的時候會觸發一次message事件,所以要通過識別符號判斷來進行引數的接受,不然直接觸發就會報錯,在事件物件中有事件的資訊,其中就包括iframe中的頁面傳遞過來的引數,通過物件結構取出引數,在進行跳轉的設定

//iframe中控制路由的變化

functionreceivemessagefromiframepage (event) })

} else if (event.data.data.includes('noparams')) )

} }window.addeventlistener("message", receivemessagefromiframepage, false);

iframe巢狀頁面中的父子頁面通訊

同域 獲取標籤 parent.document.getelementbyid parentid 和 window.frames subiframe contentdocument.getelementbyid subdiv 獲取引數 引數需為所在頁面的全域性引數 parent.parentparam...

Vue中嵌入iframe遇到的問題

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

vue 陣列中巢狀陣列 vue陣列巢狀陣列的問題

如圖,餅乾 健康零食 早點下午茶 中式糕點 西式糕點是外層的陣列,用v for來完成,但是陣列裡面還有乙個陣列,這個還是用v for嗎?應該怎麼做?我就是在v for裡面又用了乙個v for,如下 模板class productclassificationlist v for list in pro...