vue中iframe如何传值
时间: 2024-03-21 20:34:13 浏览: 56
js 实现iframe 之间传值
4星 · 用户满意度95%
在Vue中,可以通过监听`message`事件来获取并处理从`iframe`传递过来的数据。具体实现方法如下:
```javascript
mounted() {
// 获取并监听iframe传递来的数据
let that = this;
window.addEventListener('message', function (e) {
var res = e.data;
console.log(res, 'iframe传递过来的数据');
// 在这里处理从iframe传递过来的数据
})
}
```
而在`iframe`中,可以通过`window.parent.postMessage()`方法向父窗口传递数据。具体实现方法如下:
```javascript
// 向父窗口传递数据
window.parent.postMessage(obj, '*');
// 如果js外面还有一层js,
// window.parent.window.parent.postMessage(obj, '*');
```
阅读全文