vue2 postmessage传值
时间: 2023-12-27 10:24:49 浏览: 181
vue props传值失败 输出undefined的解决方法
在Vue2中使用postMessage进行传值的方法如下:
1. 在发送消息的组件中,使用`window.postMessage()`方法发送消息给目标组件。例如:
```javascript
window.postMessage({ data: 'Hello from sender' }, targetOrigin);
```
其中,`{ data: 'Hello from sender' }`是要发送的数据,`targetOrigin`是目标组件的URL。
2. 在接收消息的组件中,监听`message`事件,并使用`event.data`获取接收到的数据。例如:
```javascript
window.addEventListener('message', function(event) {
var receivedData = event.data;
// 处理接收到的数据
});
```
请注意,为了确保安全性,建议在接收消息的组件中添加来源验证,以防止恶意的消息发送。
阅读全文