vue给iframe传值

可以使用postMessage方法来实现vue给iframe传值。具体步骤如下：

1. 在vue中，获取到需要传递的数据。
2. 获取到iframe元素，通过contentWindow属性获取到iframe的window对象。
3. 调用window对象的postMessage方法，将数据发送到iframe中。

示例代码如下：

// 获取到需要传递的数据
const data = { name: '张三', age: 20 };

// 获取到iframe元素
const iframe = document.getElementById('my-iframe');

// 获取到iframe的window对象
const iframeWindow = iframe.contentWindow;

// 将数据发送到iframe中
iframeWindow.postMessage(data, '*');

在iframe中，可以通过监听message事件来获取到vue传递过来的数据。示例代码如下：

// 监听message事件
window.addEventListener('message', function(event) {
  // 获取到传递过来的数据
  const data = event.data;
  console.log(data);
});

需要注意的是，由于postMessage方法可以跨域传递数据，因此需要在接收数据的iframe中对数据来源进行验证，以确保数据安全。