像這種問題其實問的不是特別詳情 面試者可能不懂題目的意思 但是我們要學會揣摩 面試官的問題
如果不知道 你就直說vue的組件通信 在講iframe的頁面獲取v
vue組件內嵌一個iframe，現在想要在iframe內獲取父組件內信息，采用的是H5新特性PostMessage來解決跨域問題
采用postMessage內涵兩個API:
onMessage：消息監聽
postMessage：消息發送
代碼和例子
<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內：
window.addEventListener('message', function (evt) {
if (evt.data == 'clearMap'){
clearMap()
}
//event.data獲取傳過來的數據
});
京公網安備 11010802030320號