vue 嵌入 iframe 禁用iframe的鼠标左键单击事件

要禁用 iframe 的鼠标左键单击事件，你可以在 Vue 中使用 `@load` 事件监听 iframe 的加载，并在加载完成后通过 `contentWindow` 属性获取到 iframe 的 `document` 对象，然后通过 `addEventListener` 方法添加 `click` 事件监听器，并调用 `preventDefault` 方法来阻止鼠标左键单击事件的默认行为。

以下是一个示例代码：

<template>
  <div>
    <iframe ref="myIframe" src="https://example.com" @load="handleIframeLoad"></iframe>
  </div>
</template>

<script>
export default {
  methods: {
    handleIframeLoad() {
      const iframe = this.$refs.myIframe;
      const iframeContent = iframe.contentWindow.document;

      iframeContent.addEventListener('click', (event) => {
        event.preventDefault();
      });
    },
  },
};
</script>

请注意，这个方法只能禁用 iframe 内部的鼠标左键单击事件，而无法禁用 iframe 自身的事件。如果需要禁用 iframe 自身的鼠标左键单击事件，你可以使用 CSS 的 `pointer-events` 属性进行控制。