像這種問題其實問的不是特別詳情 面試者可能不懂題目的意思 但是我們要學會揣摩 面試官的問題
如果不知道 你就直說vue的組件通信 在講iframe的頁面獲取v
vue組件內(nèi)嵌一個iframe，現(xiàn)在想要在iframe內(nèi)獲取父組件內(nèi)信息，采用的是H5新特性PostMessage來解決跨域問題
采用postMessage內(nèi)涵兩個API:
onMessage：消息監(jiān)聽
postMessage：消息發(fā)送
代碼和例子
<div class="mapbox">
<iframe name="map" src="http://localhost:8083/setposition.html?add='add'"></iframe>
</div>
clearMap(){
let map = document.getElementsByName("map")[0].contentWindow
map.postMessage("clearMap","*")
}
iframe內(nèi)：
window.addEventListener('message', function (evt) {
if (evt.data == 'clearMap'){
clearMap()
}
//event.data獲取傳過來的數(shù)據(jù)
});
京公網(wǎng)安備 11010802030320號