像這種問(wèn)題其實(shí)問(wèn)的不是特別詳情 面試者可能不懂題目的意思 但是我們要學(xué)會(huì)揣摩 面試官的問(wèn)題
如果不知道 你就直說(shuō)vue的組件通信 在講iframe的頁(yè)面獲取v
vue組件內(nèi)嵌一個(gè)iframe，現(xiàn)在想要在iframe內(nèi)獲取父組件內(nèi)信息，采用的是H5新特性PostMessage來(lái)解決跨域問(wèn)題
采用postMessage內(nèi)涵兩個(gè)API:
onMessage：消息監(jiān)聽(tīng)
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獲取傳過(guò)來(lái)的數(shù)據(jù)
});
京公網(wǎng)安備 11010802030320號(hào)