vue iframe点击事件不抛出，导致父页面浮动框不消失

Vue.js 中，如果你在 iframe 内部绑定了点击事件，但由于跨域或同源策略限制，这个事件可能无法直接穿透到父页面。由于浏览器的安全限制，JavaScript 不能直接操作其他域名下的元素或监听它们的事件。

当你遇到这种情况，通常有几种解决方案：

1. **使用 postMessage**：如果iframe所在的域支持postMessage API，可以在iframe内部发送消息给父页面，然后父页面监听这个消息并处理点击事件。

// iframe内的js
document.getElementById('myIframe').contentWindow.postMessage({eventType: 'click'}, '*');

// 父页面js
window.addEventListener('message', function(e) {
  if (e.data.eventType === 'click') {
    // 处理点击事件
    yourFloatingBox.hide();
  }
}, false);

2. **设置允许跨源脚本**：如果iframe加载的是同一域名下嵌套的页面，可以尝试在服务器端设置CORS头允许跨域访问。

3. **使用第三方库**：如`vue-external-event`这样的库可以帮助你在Vue组件中监听iframe外部的事件。

4. **改造架构**：如果可能的话，考虑将交互逻辑移至父页面，由父页面主动触发iframe的行为，避免直接绑定iframe的点击事件。

5. **利用父元素模拟点击**：如果iframe的内容不可控，也可以在父页面上手动模拟点击动作，比如使用CSS的`:active`伪类或者`triggerEvent`函数。

请根据实际情况选择适合的方式，并注意安全性和兼容性。