vue页面监听嵌套的iframe的滚动事件

要监听嵌套的iframe的滚动事件，你可以先通过JavaScript获取到嵌套的iframe元素，然后给它添加scroll事件监听器。但是需要注意的是，由于同源策略的限制，你只能监听和操作同源的iframe。

以下是一个示例代码：

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

// 给iframe添加滚动事件监听器
iframe.contentWindow.addEventListener('scroll', function() {
  // 处理滚动事件
  console.log('iframe滚动了');
});

其中，`my-iframe` 是你iframe元素的id。在添加滚动事件监听器时，使用 `contentWindow` 属性获取到iframe的window对象，然后给它添加监听器即可。

需要注意的是，如果iframe页面中也有滚动条，那么需要在iframe内部添加滚动事件监听器，然后将滚动事件传递给父级页面。可以使用 `postMessage` 方法来将事件传递给父级页面。具体实现可参考以下代码：

在iframe页面中添加以下代码：

// 给iframe内部的元素添加滚动事件监听器
var iframeContent = document.getElementById('my-iframe').contentWindow.document.body;
iframeContent.addEventListener('scroll', function() {
  // 将滚动事件传递给父级页面
  window.parent.postMessage('iframe-scroll', '*');
});

在父级页面中添加以下代码：

// 监听来自iframe的滚动事件
window.addEventListener('message', function(event) {
  if (event.data === 'iframe-scroll') {
    // 处理滚动事件
    console.log('iframe滚动了');
  }
});

在父级页面中，通过监听 `message` 事件来接收来自iframe的滚动事件，然后处理即可。需要注意的是，为了避免跨域安全问题，需要在 `postMessage` 方法中指定正确的目标源。如果你将 `'*'` 作为目标源，那么任何页面都可以接收到该消息。